Web In Extreme Environment: Beyond Cross Browsing

Web in Extreme Environment: Beyond Cross-Browsing Greg Shin LG Electronics / Corporate Learning Center LG 전자 러닝센터 신승식 http://gregshin.pe.kr/ November 3, 2008 민간부문의 장애인 웹 접근성 제고 세미나 대한상공회의소 국제회의실

Increasing diversity in web access ,[object Object]

Digital divide and mobile Web ,[object Object],[object Object],[object Object],[object Object],(Photo source: The Economist) (Source: http://www.opera.com/mobile_report/2008/09/ )

Characteristics of mobile Web ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(Excerpted from http://www.w3.org/TR/mobile-bp/ )

W3C Mobile Web Initiative ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],(Image source: http://www.w3.org/Mobile/About )

Delivery Context ,[object Object],[object Object],[object Object],[object Object]

[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Source: http://www.w3.org/TR/mobile-bp/ and more.

Shared experiences of mobile users and people with disabilities ,[object Object]

Web Content Accessibility and Mobile Web ,[object Object],Common Barriers 1. Content must be perceivable . 2. Interface components in the content must be operable. 3. Content and controls must be understandable. 4. Content should be robust enough to work with current and future user agents. Color, page size, scrolling, visual presentation, text alternatives, text input, table layout, CSS Mouse, page title, serial access, link purpose Complexity, popup window, flashing/moving/auto-refreshing Valid markup, scripting, plugin

Color ,[object Object],Color Display Black & White Outdoors

Layout ,[object Object],Opera Mini: Naver Opera Mini: Naver, Zoom Google M: ZDNet Korea

Magnification Scheme 1 ,[object Object],[object Object],[object Object],[object Object],[object Object]

Magnification Scheme 2 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Magnification Scheme 3 ,[object Object],[object Object],[object Object],[object Object],[object Object]

Magnification Scheme 4 ,[object Object],[object Object],[object Object],[object Object]

Magnification Scheme 5 ,[object Object],[object Object],[object Object],[object Object],[object Object],Google M (fixed font size) PhoneFavs Skweezer * Above photos are not taken from the real mobile phone but composed using the screenshots at PC browser.

Magnification Scheme 6 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Suggestions for the "better" magnification ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Second Window ,[object Object],[object Object],[object Object],[object Object]

User input ,[object Object],[object Object],Requires typing long text Can search and browse Image source: http://www.webcredible.co.uk/user-friendly-resources/web-usability/mobile-guidelines.shtml

Conclusion ,[object Object],[object Object],[object Object],[object Object],Source: http://www.w3.org/WAI/mobile/

Web In Extreme Environment: Beyond Cross Browsing

Recomendados

Recomendados

Más contenido relacionado

Destacado

Destacado (17)

Similar a Web In Extreme Environment: Beyond Cross Browsing

Similar a Web In Extreme Environment: Beyond Cross Browsing (20)

Último

Último (20)

Web In Extreme Environment: Beyond Cross Browsing