Skip to content

Commit 238e8fd

Browse files
Add Section 508 accessibility compliance for weekly day selection
This commit completes the 508 accessibility compliance work by adding aria-labels to weekly day selection buttons, providing full weekday names for screen readers. This builds upon existing accessibility features that were previously ported from the original recurring_select project: - Focus trapping within modal dialog - Aria-labels for calendar day/month links - Enhanced color contrast ratios (WCAG compliant) - Title attributes on interval inputs - Keyboard-accessible links with href attributes Credit to @iamanissa for the original 508 compliance work in gregschmit/recurring_select PR gregschmit#130. Co-Authored-By: iamanissa <iamanissa@users.noreply.github.com>
1 parent 560833c commit 238e8fd

1 file changed

Lines changed: 2 additions & 1 deletion

File tree

app/assets/javascripts/ice_cube_select_dialog.js

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -518,7 +518,8 @@
518518
let dayButtons = '';
519519
for (let d = firstDay; d < firstDay + 7; d++) {
520520
const dayOfWeek = d % 7;
521-
dayButtons += `<a href="#" data-value="${dayOfWeek}">${texts.days_first_letter[dayOfWeek]}</a>`;
521+
const fullDayName = this.fullStringWeekday(dayOfWeek);
522+
dayButtons += `<a href="#" data-value="${dayOfWeek}" aria-label="${fullDayName}">${texts.days_first_letter[dayOfWeek]}</a>`;
522523
}
523524

524525
return `

0 commit comments

Comments
 (0)