froala/design-blocks

A11y Accessibility valid markup

Open

#53 建立於 2017年11月2日

在 GitHub 查看
 (4 留言) (2 反應) (0 負責人)HTML (13,642 star) (1,223 fork)batch import
enhancementgood first issuehelp wanted

描述

Not a single form field has a label. These designs are not usable and the patterns presented should be discouraged.

I suggest adding a validation check like Nu Validator, aXe, lighthouse, etc. to show all the places this markup is invalid.

貢獻者指南

技術棧
htmlcss
領域
frontendaccessibility
議題類型
accessibility
難度面向新貢獻者的預計實作難度，1 表示很小改動，5 表示專家級工作。
3
預計時間有經驗貢獻者完成調查、實作、測試並準備 pull request 的粗略時間範圍。
1-3 hours
活動狀態議題目前的可參與程度：新鮮、活躍、陳舊、阻塞或等待維護者輸入。
stale
清晰度議題是否清楚說明預期改動、驗收標準和下一步。
mostly clear
前置要求
HTML basicsAccessibility standards
新手友善度1-100 的估計分數，表示該議題對首次貢獻者的友善程度。
60
研究方向
The issue requests adding an automated validation check for missing form labels. Consider integrating a tool like aXe (axe core) or Lighthouse in CI or as a browser extension. Look at the existing HTML files in the repository to identify all forms and fields. The repo uses Bootstrap, so ensure labels are correctly associated. A PR could add a script that runs aXe on the built site and reports errors.