bcgov / bcgov/SIMS

2.4.7 Page Number Button- Student -Accessibility Fixes -Level AA Standards - Focus Visible

Open
#3,156 0 comments 0 reactions 1 assignee Claimed by @Joshua-Lakusta View on GitHub
Accessibility Student
Dominant language
TypeScript
Stars
29
Forks
15
PR merge metrics
No merged PRs in 30d

Description

**User Story**
As a Student , I need a bold border around the table page number so that I can see it.

**Context**
- These issues were uncovered during our Accessibility Audit conducted by CITZ in March of 2024
- Detailed Spreadsheet for Student s inserted inline and also attached here: [2024_Student Application_Audit.xlsx](https://api.zenhub.com/attachedFiles/eyJfcmFpbHMiOnsibWVzc2FnZSI6IkJBaHBBN0xsQXc9PSIsImV4cCI6bnVsbCwicHVyIjoiYmxvYl9pZCJ9fQ==--578821d4addd12c1babcafba5c861e1f5456bc9c/2024_Student%20Application_Audit.xlsx)
- Any keyboard operable user interface has a mode of operation where the keyboard focus indicator is visible

**The Problem**
Button class="p-paginator-pages" element focus changes colour slightly when it has focus, but not enough to draw the user's visual focus to element.

**Student**
Adjust the following Accessibility Criteria for the following pages
- [ ] My applications

**Acceptance Criteria**
- [ ] Apply a bold border around the table page number when element has focus (as an example).

Contributor guide

No contributing guide indexed for this repository

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.