[웹접근성] ol과 ul에 대해..

[웹접근성] ol과 ul에 대해..

순차적 목록일때는 ol(order list)를 작성하고 

비순차적 목록일때는 ul(un-order list)을 사용한다. 

하지만 디자인을 입히기 위해 작업자들은  list-style-type을 none으로 처리하게 된다.

비순차적 목록은 ul로 작업을하고 불릿으로 

디자인적요소를 표현하는데 문제가 되지 않는다.

그러나 순차적인 목록일때는.... 한번쯤 생각해봐야 한다. 

list-style-type:none;사용할 경우 디자인으로 표현된 숫자를 

표현하는 방법은 3가지로 구분된다.

1. bg 이용

bg를 이용하는 방법은 별도의 이미징 작업을 해야되기 때문에, 

상대적으로 손이 많이가고 숫자가 최대 몇까지 늘어날지에 대해 대응을 할수 없는 단점이 있습니다.

2. ol태그 사용

ol태그를 사용하고, li안에 <span>이나 <em>같은 인라인요소로 감싼다.

가장 많이 쓰이는 방법으로 작업시 효율적이나, 정보가 중복되는 단점이 있습니다. ex)1. 1. 정보, 2. 2. 정보

3. ul태그 사용

• 정보가 중복되지 않는 장점이 있으나, 비순차적목록태그에 순차적인곳에 쓰인다면 의미에 맞지 않는 단점이 있습니다.

출처 : http://nicekjm88.tistory.com/149