I am creating a button group with label like this: The HTML code I am now writing: <figure class="toggler-widget"> <figcaption class="toggler-label">Sort By:</figcaption> <ul class="button-togglers"> <li class="choice-selected"> <button type="button" title="Sort by title" aria-label="Sort by title" aria-pressed="true"></button> </li> <li> <button type="button" title="Sort…
During an accessibility review of a website based on WCAG 2.1 level AA, the implementation of inactive buttons was criticized. The attribute aria-disabled="true" has been applied, and the appearance of the inactive button is appropriate for contrast. Despite this, I…
Can i use syntax such as <span class="subheader-uline">My custom emphasised txt</span> Without contravening accessibility rules (WCAG) I dont intend this custom header to be navigated via screen readers -its purely aesthetic. I tried to use this syntax and its flagged…
I have a component that has an eyebrow and below the eyebrow there is a larger heading. The heading is larger and more significant to the overall theme of the component. The eyebrow is more supplementary. Would it be allowable…
I am implementing the following combobox: https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/ As you can notice from the example code in the link above, when I click with my mouse on the combobox, there is a blue focus around the selected option in the listbox.…
I want to have button that will resize font size across my entire aplication. I want to change size of every text from 100% of size that I already have to 200%. Android accessibility already does that. Android have "fint…
I have a problem I need to solve with CSS selectors. I am trying to make automatic color overrides for Tailwind to have our site always comply to WCAG guidelines. I have a tailwind plugin I've written which automatically fixes…
I'm trying to update my company's website to be more ADA friendly by ensuring all images have alt-text assigned. However, when I add alt text on the Wordpress CMS, I'm not able to view it in the HTML. Please see…
Our company is addressing gaps in accessibility on the Native side of our app. We get a general diagnostic indicating lack of zooming on text on the Native app. The ticket looks like this: 1.4.4 Resize text: Except for captions and images of text, text can…
I would like to visually hide the <h1> element on the page from regular site visitors; however, I am conscious that the element is important for users with screen readers. So I need to visually hide the element in a…