aegiswp/theme

Accessibility and Semantic Concerns in Aegis Navigation Markup

Opened this issue · 0 comments

alexdeborba commented

Describe the bug

The Aegis theme's navigation markup, as provided, raises several areas of concern regarding accessibility and semantics:

1. Semantic Markup and Labelling:

  • All navigation structures should ideally be wrapped in a properly labeled nav element. In the provided markup for the Aegis theme, the navigation is represented using wp:query-pagination components. It is essential to ensure that the rendered output of these components has the recommended semantic structure and labeling.

2. Navigation Link Context:

  • The navigation links, as represented by wp:query-pagination-previous and wp:query-pagination-next, display default labels. It is crucial to ensure that these labels provide sufficient context, especially for screen reader users. Using generic labels like Previous and Next might not offer adequate context out of their surrounding content.

3. Pagination Display:

  • The wp:query-pagination-numbers component seems to handle the display of specific pagination links. It is essential to confirm that this component renders clear and accessible pagination links for users.

Step-by-step Reproduction Instructions:

  1. Navigate to a post in the Aegis theme.
  2. Inspect the posts navigation links markup and their rendered output.
  3. Examine the comments pagination links markup on a post with multiple comments.
  4. Review the paginated post links markup and their rendered output.

Expected Behavior:

The Aegis theme should utilize semantic and accessible markup for all navigation elements, ensuring clear context and enhanced user experience.

Screenshots:

Screenshot