본문 바로가기 메뉴 바로가기

CRUISEWEB

CRUISEWEB
  • WRITE
  • ADMIN
  • TAG
  • GUEST
  • RSS

CRUISEWEB의 팀블로그입니다.
모르는 것을 부끄러워하지 말라!
웃으면 복이 와요 😀

  • CRUISEWEB (118)
    • DRAWER (19)
    • DESIGN (13)
    • A11Y (3)
    • HTML (4)
    • CSS (19)
      • DOCUMENT (13)
      • SNIPPET (4)
      • MINING (1)
    • GULP (0)
    • JAVASCRIPT (0)
    • CROSS (4)
    • ETC (3)
    • · (0)
    • 웹 개발 (0)
    • Spring (0)
    • Design Pattern (0)
    • ALGORITHM (1)
    • JAVA (48)
      • PRIMER (47)
      • JSP (1)
    • 데이터베이스 (1)
      • Oracle (0)
    • 네트워크 (0)
    • 정리중 (0)
    • · 2 (0)
    • 뻘글 (3)
  • 방명록
검색하기 폼

A11Y (3)
고유주소 (permalink)

이렇게 URL이 블로그나 페이지의 타이틀 또는 성격을 대표하게끔 할때는 몇가지 장점이 있습니다. 첫번째로는 SEO(Search Engine Optimization)에 친화적인 콘텐츠가 됩니다. 구글과 같은 검색엔진에서 웹 페이지를 수집하고 평가할때, 보통 콘텐츠를 대표하는 키워드나 내용이 해당 콘텐츠의 URL에 포함될 경우 검색엔진에서는 해당 페이지를 더 잘 파악할수 있다고 합니다. 검색엔진에서 잘 파악되고 구조적으로 콘텐츠가 제작되어 발행되면, 검색엔진 사이트에서 해당 웹 페이지가 검색결과로 노출된 확률이 증가합니다.두번째로는 URL에 핵심키워드 또는 내용을 포함하므로 사용자가 해당 URL을 통해 포스트가 어떠한 정보를 포함할지 그 대강을 예측하여 도움을 줄 수 있습니다.아래는 구글검색에 의하여 제가 ..

A11Y 2017. 10. 12. 14:25
[A11Y] 접근성과 자바스크립트

접근성과 javascript 1. 코딩 방법 적절한 낮춤 : 고도의 javascript 코딩 방법을 우선 적용한 후에, javscript로 접근성을 제공할 수 없는 부분은 대체기법을 이용하여 보완 점진적 향상 : 낮은 수준에서부터 제공 핵심 기능은 낮은 수준의 기술로, 부가 기능은 높은 수준의 기술로 구현하는 것 겸손한 구현 : html과 script를 분리 2. 구현 이미지 치환 : 이미지를 치환할 때는 대체텍스트도 챙겨야 함 키보드 인터페이스 : 키보드만으로도 모든 기능을 수행할 수 있어야 함 강제적인 이벤트 금지 : 새창을 띄우려면 열림을 공지해야 함 (새 창 링크 주소 등) 3. 평가 방법 http://www.wah.or.kr/Participation/new_tech.asp 나는 겸손한 구현을 하..

A11Y 2017. 8. 7. 15:14
[ARIA] WAI-ARIA

WAI-ARIA (Web Accessibility Initiative Accessible Rich Internet Application) 다이나믹한 액션 UI에 대응하기 위한 접근성 정보를 제공하는 기술 WAI-ARIA를 쓰기에 앞서, 기본 마크업에 충실할것! WAI-ARIA의 구성 요소 역할 상태 속성 1.역할 1) 추상 역할 (Abstract Roles) 하위 역할의 개념을 정의하기 위한 상위 개념의 역할. 요소에 직접 지정할 수 없다. command composite input landmark range roletype section sectionhead select structure widget window 2) 위젯 역할 (Widget Roles) 사용자와 상호작용하는 독립적인 인터페이스의 역할..

A11Y 2017. 8. 7. 15:14
이전 1 다음
이전 다음
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
  • css_sapjil
  • js_perfectacle
  • js_bsidesoft
  • js_chanlee
  • 서민의 기생충같은 이야기
TAG
  • transition-delay
  • border-image-source
  • transform-origin
  • Opacity
  • background-repeat
  • transition-property
  • background-image
  • border-style
  • background-clip
  • repeating-linear-gradient
  • float
  • transition-duration
  • border-image
  • background-origin
  • transition-timing-function
  • background-color
  • RGBA
  • border-image-slice
  • radial-gradient
  • linear-gradient
  • background-position
  • Clear
  • background-attachment
  • border-radius
  • border-color
  • box-sizing
  • repeating-radial-gradient
  • background-size
  • Transition
  • content
more

Copyright 2017 ⓒ CRUISEWEB. All Right Reserved

티스토리툴바