접근성 10

Build a Website Accessibility Tester With JavaScript & Pa11y

Node.js 웹 접근성 테스트 도구 npm i express pa11y # index.js const pa11y = require('pa11y') async function run() { const response = await pa11y('https://bluebreeze.co.kr') console.log(response) } run() $ node index.js { documentTitle: 'Blue Breeze', pageUrl: 'https://bluebreeze.co.kr/', issues: [ { code: 'WCAG2AA.Principle4.Guideline4_1.4_1_2.H91.InputText.Name', type: 'error', typeCode: 1, message: 'Thi..

lang/node 2021.11.10

웹 접근성에 표준 준수의 규정 적용

* 문법에 맞는 HTML 4.01과 XHTML 1.0을 사용 * CSS와 의미에 맞는 HTML과 구조와 표현의 분리 * progressive enhancement (뭔지 잘 모르겠음. 아시는분?) * W3C DOM 사용 * 의미에 맞는 class와 id 사용 * 이미지에 의미에 맞는 alt 속성 사용 * 링크에 스크립트를 사용할 때에도 기본적인 링크 기능이 작동 하여야 함(href를 유효하게 작성하라는 말) * 스크립트 없이 사용될 수 없는 링크는 HTML에 넣어서는 안됨( 같은 링크 사용하지 말라는 말이죠. HTML과 스크립트를 완전 분리하라는 말:unobstrusive javascript) * 정보를 받기만 하는 폼과 스크립트를 사용해서는 안됨(사용자 입력이 없는 폼이나 스크립트를 사용하지 말라는 말..

it/etc 2007.01.23
반응형