Tehnici Web

Web for all

Claudia Chiriță . 2023/2024

can i use...?

i18n

i18n
Internationalization

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?

i18n - CUM?

i18n - AȘA?

A11y

A11y
Accessibility

A11y

A11y
Accessibility

A11y

A11y
Accessibility

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?

a11y - AȘA?

a11y - Exemplu

ai-ai, bad ui!

decalog

decaflop

contrast checker

happy surfing!

broken-links checker

one more thing...

generatoare de pagini statice

GitHub pages

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