새로운 질서 위키

폴백

폴백(fallback)은 우선 선택한 수단을 사용할 수 없을 때 다음으로 사용할 대안을 뜻한다. 웹 작업에서는 글자체, 이미지, 기능이 예상대로 제공되지 않는 조건을 생각할 때 만나는 말이다. 실패가 일어나지 않는다고 약속하기보다 그다음에 무엇을 보여줄지 정한다.

  • CSS의 font-family에는 글자체를 우선순위대로 나열할 수 있다. 마지막에 sans-serif 같은 일반 글자체 계열을 두면 앞의 글자체를 사용할 수 없을 때 웹 브라우저가 대안을 고를 수 있다. 선택은 문자열 전체에서 한 번만 일어나는 것이 아니라 필요한 글리프에 따라 달라질 수 있다.
  • 웹 폰트가 오지 않아도 대체 글자체로 문장은 나타날 수 있다. 다만 글자의 폭과 높이가 달라져 한 줄이 두 줄이 되거나 버튼이 커질 수 있다. 글자가 보이는지와 배치가 유지되는지는 따로 확인한다.
  • 대체 텍스트는 이미지가 전달하는 내용과 역할을 글로 전하는 방법이다. 이미지가 오지 않았을 때뿐 아니라 이미지를 보지 않고 읽는 상황에서도 필요하다.
  • 스크립트가 작동하지 않는 조건에서는 핵심 내용과 기본 하이퍼링크가 어디까지 남는지 확인해보자. 모든 기능에 똑같은 대안을 둘 수는 없지만, 실패한 입력을 성공으로 표시하는 것은 대안이 아니다. 오류 메시지를 함께 쓰기에서 실제 상태와 가능한 다음 행동을 맞춘다.
  • 사용할 수 없는 자원을 하나씩 정해 사본에서 시험하고, 화면뿐 아니라 키보드로도 남은 기능을 확인한다. 두 번째 선택의 디자인에 선택한 대안과 감수한 차이를 적어두자.

참고

기타 등등

  • sans-serif 같은 일반 계열 이름은 따옴표로 감싸지 않는 키워드다. 실제 글자체의 고유 이름을 적는 방식과 구별한다. 출처
  • monospace만 지정하고 글자 크기를 정하지 않으면 웹 브라우저의 고정폭 글자 크기 설정이 적용된다. 같은 크기를 썼다고 생각했는데 코드 글자가 작아 보이는 이유가 될 수 있다. 출처

#웹 #CSS #접근성 #개념

검색