Documentation
  • INTRODUCTION
    • What is ENS?
    • What is a dWebsite?
    • What is IPFS/IPNS?
    • What is eth.limo?
      • Gateway Basics
        • DNS over HTTPS
  • Beginner
    • How to register an ENS domain/name
    • Setting up a GitHub Repository
    • How To Install IPFS Locally
      • IPFS Desktop (Windows)
      • IPFS Desktop (Linux)
      • IPFS Desktop (Mac)
    • How to use IPFS/IPNS
      • Uploading to IPFS
        • Self-Hosting Instructions for IPFS and IPNS
        • Hosting using a pinning service
    • Setting Up Your ENS Name/Domain
      • Updating Your ENS Content Records
      • Content Hash Overview
        • Understanding Content Hashes, IPNS, and IPFS for ENS
        • Understanding IPFS Content Identifiers (CIDs)
  • IPFS Pinning Providers
    • Filebase
      • Using the Filebase Public IPFS Gateway
      • Filebase IPFS Pinning
  • STATIC SITE BUILDERS/TEMPLATES
    • -
  • Intermediate
    • Using eth.limo with IPFS (Kubo)
    • -
    • -
    • -
  • .ART Resolution
  • .gno Resolution
Powered by GitBook
On this page
  1. Intermediate

-

PreviousUsing eth.limo with IPFS (Kubo)Next-

Last updated 1 year ago

Good to know: you can embed a Storybook canvas by simple pasting the canvas link and hitting enter.

An Icon is a piece of visual element, but we must ensure its accessibility while using it. It can have 2 purposes:

  • decorative only: for example, it illustrates a label next to it. We must ensure that it is ignored by screen readers, by setting aria-hidden attribute (ex: <Icon icon="check" aria-hidden />)

  • non-decorative: it means that it delivers information. For example, an icon as only child in a button. The meaning can be obvious visually, but it must have a proper text alternative via aria-label for screen readers. (ex:<Icon icon="print" aria-label="Print this document" />)

These examples are taken from the excellent .
Storybook Example Design System