본문 바로가기
UI 개발의 모든 것/HTML5

브라우저의 접근성!!

by minMemory55 2023. 9. 4.
728x90
반응형

ㅇ ㅏ 내가 왜 여기까지 왔는지;;;

시작은...

1. font 파일 종류는 무엇이 있나?

2. IE8이하 버전은 @font-face를 사용할 때. eot 파일만 을 인식한다. 

3. 그러면 IE를 그냥 다운로드하면 들어갈 수 있나?? 

4. 네이버 검색창에서 '인터넷 익스플로러 11' 검색해 사이트에 입장!! 

5. 입장하면 바로 아래와 같은 안내문이 나온다. 

6. 저 파란색 버튼 'Microsoft Edge 시작' 클릭하는 순간!?

마이크로소프트 엣지에 오신 것을 환영합니다. 시작을 한다. 

인터넷 익스플로러 : Microsoft Edge

7. 하나, 하나 ~~ 클릭하다가 '접근성 및 도구' 순간 도구?? 설마 스크린 리더기?? 설마~

8. ㅇ ㅏ IE가 없어지지 더니 갑자기 튀어나온 엣지에 웹을 소리 내어 읽기 기능이 있다네??

그러면 구글은??

9. ㅇ ㅏ'Google 접근성 고객센터의 소리 내어 읽은 텍스트 듣기' 설정 방법이 있네;; ㅎㅎㅎㅎ

https://support.google.com/accessibility/answer/9032490?hl=ko

 

소리 내어 읽은 텍스트 듣기 - Google 접근성 고객센터

Chromebook 내장 스크린 리더를 통해 전체 페이지 내용을 음성으로 듣거나 텍스트 읽어주기를 사용하여 특정 단어를 비롯한 페이지의 일부 내용을 음성으로 들을 수 있습니다. 전체 텍스트 듣기 페

support.google.com


 

여기까지 제가 블로그에 이 글을 업로드한 이유입니다.

★ Microsoft Edge의 접근성 기능

마이크로소프트 기준으로 보면 '2022년 6월 15일' 부로 더 이상 지원되지 않는다.

꼭!! IE 사용하고 싶은 부분은 아래 url 참고하세요*^^*

https://microsoftedgewelcome.microsoft.com/ko-kr/mb05?form=MY020C&slide=ie-mode

 

Microsoft Edge

죄송합니다. 오류가 발생했습니다!

microsoftedgewelcome.microsoft.com

 

★ Microsoft Edge의 접근성 기능

마이크로소프트 기준으로 보면 '2022년 6월 15일' 부로 더 이상 지원되지 않는다.

꼭!! IE 사용하고 싶은 부분은 아래 url 참고하세요*^^*

https://microsoftedgewelcome.microsoft.com/ko-kr/mb05?form=MY020C&slide=ie-mode

 

Microsoft Edge

죄송합니다. 오류가 발생했습니다!

microsoftedgewelcome.microsoft.com

★ Mac 접근성 기능 설정 방법 설명 url

https://support.microsoft.com/ko-kr/microsoft-edge/microsoft-edge%EC%9D%98-%EC%A0%91%EA%B7%BC%EC%84%B1-%EA%B8%B0%EB%8A%A5-4c696192-338e-9465-b2cd-bd9b698ad19a#caret_browsing&ID0EBBD=Mac

 

Microsoft Edge의 접근성 기능 - Microsoft 지원

이 문서에서는 텍스트 확대 웹을 소리내어 읽기 더 편안하게 읽기 화면 읽기 프로그램에 대한 이미지 설명 가져오기 높은 가시성 개요 키보드를 사용하여 웹 서핑 커서 브라우징 탭 검색 보다

support.microsoft.com

 

★ Microsoft Edge 몰입형 리더 : 난독증을 가진 독자의 요구를 충족하도록 설계 설정 방법 url

https://support.microsoft.com/ko-kr/topic/microsoft-edge-%EB%AA%B0%EC%9E%85%ED%98%95-%EB%A6%AC%EB%8D%94-%EC%82%AC%EC%9A%A9-78a7a17d-52e1-47ee-b0ac-eff8539015e1

 

Microsoft Edge 몰입형 리더 사용 - Microsoft 지원

구독 혜택을 살펴보고, 교육 과정을 찾아보고, 디바이스를 보호하는 방법 등을 알아봅니다. Microsoft 365 구독 혜택 커뮤니티를 통해 질문하고 답변하고, 피드백을 제공하고, 풍부한 지식을 갖춘

support.microsoft.com

★ Google 접근성 고객센터

Chromebool 내장 스크린 리더를 통해 전체 페이지 내용을 음성으로 들을 수 있다.

텍스트 읽어주기를 사용하여 특정 단어를 비롯한 페이지의 일부 내용을 음성으로 들을 수도 있다.

https://support.google.com/accessibility/answer/9032490?hl=ko

 

소리 내어 읽은 텍스트 듣기 - Google 접근성 고객센터

Chromebook 내장 스크린 리더를 통해 전체 페이지 내용을 음성으로 듣거나 텍스트 읽어주기를 사용하여 특정 단어를 비롯한 페이지의 일부 내용을 음성으로 들을 수 있습니다. 전체 텍스트 듣기 페

support.google.com

★ 내장 스크린 리더 사용 방법 url

https://support.google.com/chromebook/answer/7031755

 

내장 스크린 리더 사용 - Chromebook 고객센터

도움이 되었나요? 어떻게 하면 개선할 수 있을까요? 예아니요

support.google.com

* 텍스트를 소리 내어 읽어 주는 기능의 언어, 음서, 볼륨을 변경하는 방법 url

https://support.google.com/accessibility/answer/11221616

 

음성 텍스트의 언어 또는 음성 변경하기 - Google 접근성 고객센터

 

support.google.com

 

이것으로 내 머리는 더 복잡해지고 html은 내용 순서에 맞게 도 꼼꼼하게 작성해야 한다는 것이다 ㅠㅠ

이제 장애인, 평범한 사람이 아니 똑같은 웹 사이트 이용자들이라고 생각해야 하지 않을까 한다.

음... 또 내 무덤을 파는 말이지만 접근성에서 사다리를 타고 html에 접근성에 맞게 작성하는 방법을 정리해 볼까 합니다. 자료 찾고 제가 이해하고 블로그에 업로드해야 하기 때문에 언제 업로드할지는 저도 모릅니다;;;

728x90
반응형

댓글