Skip to content

Conversation

@PeachpitRipley
Copy link

@PeachpitRipley PeachpitRipley commented Oct 29, 2025

  • Added role="dialog", aria-modal, aria-labelledby, aria-describedby to the CookiePolicy modal
  • Connected ARIA attributes to title and description via IDs
  • implemented focus trap behavior using keyboard navigation (Tab loop)
  • Unit tests for visibility, interaction and cookie state
  • E2E-Test with Playwright: focus, click, reload, route exception

Description

Implements ARIA roles and properties for the CookiePolicy component to improve accessibility and keyboard usability.
Includes tests for expected behavior and edge cases as described in ticket #144.

Type of change

  • Bug fix (non-breaking change which fixes an issue)
  • New feature (non-breaking change which adds functionality)
  • Breaking change (fix or feature that would cause existing functionality to not work as expected)
  • Translation updates (fix/improve or add new translations)

Note on commit history

The long list of commits was cleaned up by the last two commits:

  1. chore: Fix test and lint setup...: Bundles all necessary corrections to the test environment (dependencies, CJS/ESM conflict, mock corrections) that were needed to restore pipeline functionality.
  2. feat(a11y): Implement accessible...: Contains only the pure feature code.

All tests (unit/E2E/lint) are now green on the CI server.

Fixes Bootstrap-Academy/Bootstrap-Academy#144

My Bootstrap Academy username: PeachpitRipley

…ap-Academy#144)

- Dialog mit role="dialog", aria-modal, aria-labelledby, aria-describedby
- ARIA-IDs für Titel und Beschreibung gesetzt
- Fokus-Falle via Tab getestet
- Unit-Tests für Anzeige, Interaktion und Cookie-Handling
- E2E-Test mit Playwright: Fokus, Klick, Reload, Route-Ausnahme
…t mocks, and resolved ESM/CJS conflict by renaming eslint.config.js to eslint.config.cjs.
@github-actions
Copy link

github-actions bot commented Nov 3, 2025

Preview deployed to https://0079028b.academy-preview.pages.dev (total size: 15M)

@PeachpitRipley
Copy link
Author

@<TheMorpheus407/Reviewer>
All necessary checks (build, lint, unit tests, E2E tests) have been successfully passed. The technical test environment was cleaned up in the first commit to ensure operability.

This PR is now ready for final review and merge.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Implement ARIA Roles & Properties

1 participant