Conflicting CSS

Sometimes annotations are unreachable because of conflicting CSS or because the issue is in a hidden location on the page. Using custom CSS or the Customizer within WordPress, you can adjust elements on the page when Sa11y is active.

Find the element you would like to change, and add [data-sa11y-active="true"] before it.

Try: For each example, use a mouse or keyboard alt A to toggle Sa11y on and off.

Example #1

A simple example of revealing a hidden <div>.

[data-sa11y-active="true"] #dog {display: block;}

Example #2

Open all accordion panels to make it easier to review the page.

[data-sa11y-active="true"] .accordion-collapse {display: block;}

Two miniature Schnauzer's laying on grass.