leaflet.pub
a tool for shared writing and social publishing
tweak Interactions to hide redundant labels from screen readers
schlage.town
+4
-2
+4
-2
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
+4
-2
app/lish/[did]/[publication]/[rkey]/Interactions/Interactions.tsx
···
132
132
>
133
133
<span className="sr-only">Post quotes</span>
134
134
<QuoteTiny aria-hidden /> {props.quotesCount}{" "}
135
-
{!props.compact && `Quote${props.quotesCount === 1 ? "" : "s"}`}
135
+
{!props.compact &&
136
+
`<span aria-hidden>Quote${props.quotesCount === 1 ? "" : "s"}</span>`}
136
137
</button>
137
138
{props.showComments === false ? null : (
138
139
<button
···
145
146
>
146
147
<span className="sr-only">Post comments</span>
147
148
<CommentTiny aria-hidden /> {props.commentsCount}{" "}
148
-
{!props.compact && `Comment${props.commentsCount === 1 ? "" : "s"}`}
149
+
{!props.compact &&
150
+
`<span aria-hidden>Comment${props.commentsCount === 1 ? "" : "s"}</span>`}
149
151
</button>
150
152
)}
151
153
</div>