Tehnici Web

Web for all

Claudia Chiriță . 2024/2025

can i use...?

i18n

i18n

• adaptarea unei pagini web la mai multe limbi, diferențe regionale și cerințe tehnice pentru zone geografice și țări diferite
• procesul de design și proiectare a unei aplicații astfel încât să poată fi ușor și rapid adaptată la mai multe limbi și regiuni

i18n

• utilizatorul trebuie să poată naviga prin pagină în vederea traducerii conținutului fără să afecteze layoutul paginii
• permiterea mia multor seturi de caractere (via Unicode), unități de măsură (monedă,°C/°F, km/mile, etc.), formate de dată și timp, layouturi de tastatură, layouturi și direcție a textului

i18n - CE?

• ghid i18n
• specificație i18n

i18n - CUM?

• Internationalization API
• internationalization library

i18n - AȘA?

• i18n checker

A11y

A11y

A11y

A11y

• practica dezvoltării de pagini web ce pot fi folosite de cât mai mulți oameni
• adaptarea designului și conținutului pentru grupuri diverse de utilizatori (cu dizabilități, care folosesc dispozitive mobile, au conexiuni lente la Internet)
• nu ar trebui să fie un "afterthought", ci un principiu de dezvoltare
• "it's the law!"

a11y - CUM?

• principii a11y
• tutoriale a11y

a11y - AȘA?

• a11y checker
• a11y evaluation tools

a11y - Exemplu

ai-ai, bad ui!

decalog

decaflop

contrast checker

happy surfing!

broken-links checker

         
                           WW
                          /__\ 
                         | oo |   _WWWWW_
              (o)(o)    (|_()_|) /  o o  \    întrebări?
            w"      "w    \__/ (|  __O__  |)
           W  -====-  W  /|\/|\  \ \___/ /
            "w      w"  |||||||| /-------
            w"""""""""w |||||||||=========|
          W            W|||||||||=========|