22.07.12_TIL

📌 어제 배운 내용을 바탕으로 실제 웹 접근성을 고려해보는 과제가 주어졌다. 하면서 이런점이 있으면 몸이 불편하신 분들에게 도움이 될 수 있고, 코드를 보고 '아! 어떤 내용이 담긴 코드이구나!' 라는 것을 알 수 있다는 것을 다시 한번 깨닫는 계기가 되었습니다.

📗 오늘 학습한 내용

alt 속성

• 속성의 이미지를 보여줄 수 없을 때 해당 이미지를 대체할 텍스트를 명시한다.
• 느린 네트워크 환경이나 src 속성의 오류, 시각 장애인용 스크린 리더 등을 사용할 때 대체 정보를 제공한다.

for 속성

• for의 값과 id의 값이 같은 태그를 연결시켜준다.

<label for='name'> </label>
<input id='name'> </input>

크롬 플러그인 Screen Reader

• 웹 페이지의 내용을 읽어주는 플러그인 (alt, label, aria 등을 읽어준다.)

📘 추가로 공부할 내용

[udemy] React 완벽 가이드 강의 보기 (매일 조금씩 이라도 꾸준히 듣기)

스터디 모집 프로젝트에 관해 틀을 조금 더 명확하게 기획해보기(토이프로젝트)

📝 중요한 내용

• 웹 접근성을 지키면서 코드를 작성해야 한다. (법적으로 뭔가 있다했음)
• 2013년 4월 11일부터 차별 금지법에 의해 웹 접근성 보장을 의무화하고 있다고 적혀있다.