Semantics

[smeragoel]

🌐 CSS Content

Meaningful content must not be implemented using only CSS :before or :after - WCAG 1.3.1

• With CSS Styles disabled, the Example Gallery and "Supports PyData and Jupyter" links are not accessible.
  Before:
  
  After disabling CSS Styles:
  
  

• When activating the visual helper for the accessibility test, unexpected "lines" appear on the screen.
  
  

[gabalafou]

First issue is fixed, see pydata/pydata-sphinx-theme#1549 (comment)

[gabalafou]

As for the second issue, the red lines are highlighting all of the pseudo-elements for the that admonition, of which there are three:

1. .admonition::after { content: "" } - I'm not exactly sure what purpose this pseudo-element serves, it's probably some kind of layout fix, but as its content is an empty string, it contains no meaningful content, so it's not an issue.
2. .admonition-title::before { content: "" } - This puts a green bar behind the title, again no content, so not an issue
3. .admonition-title::after { content: var(--pst-icon-admonition-seealso) } - This is the share icon. It is set to --pst-icon-share: "\f064";. It is purely decorative. The meaning of the icon is conveyed by the admonition title text, which is "See also." So this one is also not an issue. The pseudo-element content appears in the accessibility tree, which is probably less than ideal, but it was ignored by VoiceOver when I tested it. So I don't think this is an issue.

[gabalafou]

Given my previous comment, I going to check off the second checkbox and close this issue.