leaflet.pub
a tool for shared writing and social publishing
Create pub link: add text for screen readers, add aria-hidden to svg
Create publication link: add text for screen readers, add aria-hidden to svg
- add text to describe the "create pub" link with sr-only tailwind class so the text is not visible & is only read by screen readers
- add aria-hidden to the svg because the svg has no title or aria-label on its own (rather, it's labeled by the sr-only text in the shared parent link)
+2
-1
+2
-1
app/home/Publications.tsx
+2
-1
app/home/Publications.tsx
···
28
28
href={"/lish/createPub"}
29
29
className="pubListCreateNew text-accent-contrast font-bold hover:text-accent-contrast"
30
30
>
31
-
<AddTiny />
31
+
<span className="sr-only">Create new publication</span>
32
+
<AddTiny aria-hidden />
32
33
</SpeedyLink>
33
34
</div>
34
35
<PublicationList publications={identity.publications} />