From 73f0beea4d5a28637218ab2abaadea02c982bd5f Mon Sep 17 00:00:00 2001 From: Thomas Jaggi Date: Tue, 3 Dec 2024 16:45:25 +0100 Subject: [PATCH] feat: update slides --- index.html | 3 ++- ...l0qyriQwlOrhSvowK_l5-eR7NWPf4jvzDP3WG.woff2 | Bin 0 -> 13000 bytes slides/aria-frameworks.md | 2 +- slides/aria-helpers.md | 8 -------- slides/aria-platform-native.md | 17 +++++++++++++++++ slides/aria-platform.md | 4 ++++ slides/contact.md | 3 +-- slides/why-http-archive.md | 6 +++--- slides/why-impairments-you.md | 4 +++- src/fonts.css | 10 ++++++++++ src/index.css | 7 +++---- 11 files changed, 44 insertions(+), 20 deletions(-) create mode 100644 media/fonts/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvzDP3WG.woff2 delete mode 100644 slides/aria-helpers.md create mode 100644 slides/aria-platform-native.md create mode 100644 slides/aria-platform.md diff --git a/index.html b/index.html index e5a58f8..c89e918 100644 --- a/index.html +++ b/index.html @@ -64,8 +64,9 @@
-
+
+
diff --git a/media/fonts/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvzDP3WG.woff2 b/media/fonts/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvzDP3WG.woff2 new file mode 100644 index 0000000000000000000000000000000000000000..635277945ad15af3c24babf7666ac44981cec14c GIT binary patch literal 13000 zcmV;(GB?e4Pew8T0RR9105Zq`4gdfE0AdUP05WX=0RR9100000000000000000000 z0000QOdEkh9EdUoU;u>_5eN!_m1OrO3xp;B0X7081BgfjAO(dM2Z(kXuTMorhK&P& z1kM{Sin7H?2mc=uI2l8zg zh)OF61`=sfN@$}*2}qh4fM7&zGgpzWewqL6GX4Fw|NZj!v0s80_%G^|9F(j8b9?pM z^ADM9FibW3|NGxGlJyy=X>9XSGm?t=ow*Z+E_HGaXTL0655MUzQgaAImAJjfBcT0L<>F|ShyaN?SI?aVjs)EC1^f#`yYaB?oe*p+%M7CK-co{y^mzBx`o8J(cK|cCq8g#9 zM$fQM9XFD$MV$Ljf@;N5Thq;fVglF%j6OXJlCMAzI2;f>JP-mp5PF3mid2HARt=(7 zJ%~oVAm*3@0s`1Tt_bvkiwt(ay{oIa7SJDdwblayUx4{4e7N~S!hnA0p5{ymq5%Rd z5BY$DY_b4#sE~!&CMVPcqHg|8Aj|v^+k8kNSxe_`oYd{nYEA2i)?1*FHWBRr?F8ro zy^cy+yeudD4t*1MA^&r4Q_;b|`7*n*G@ftulw3X=NC$=+2CY+WuehT6k0GUHeN`y;sb?%f}7%C zvE>j*cx0S6S75y$B(X$y*EiHb8j1NoH!P!&>do!LRTVCXXOpdOtAmtuX(+3OGenF&0O1dz&<8@GF9gsJA|MjNcM5~f>~wF`WDeg(Giim}kXt;G$_D|` znwEf#F^Dm$54vI%OQ4tBPb8`^LC~h~QEW0FHhp}UO#*GcV*Rk%KtS9OtDrw5AB;L= z7Eq%4R(`TbMI*zyiQEI~w3!^*y+a=X{Ow9?2W3-*a2p+cj>r@)2+~e5+RnE|wuQ2h zQ%Hxg?Wk#HIK_pceJ!=jaw`fD;c};%IldtNR$67XHP%{JooHBYY9e{&cOon{{>2L$ z5)?T3fX@gTwo%II0v4W)2?x0(GGsKc`g-WXN7a*+KOdu~M)4^jjM30^1Gd&u#3i`? z1_d2V0ruMwdh7o;z;bAC`vAym0Jc56eg#}GK)dV!3S#lC$?w0xy8iV5k-mpt<^zzqPy0{*|^`&i=IqaPpr0Kj)2%XlxC>++*T+>e&DclP1< z!=i`s!N7xW0R+HlfSWu3@}_~7XJh36{`}ewJK>0XUi;HY7hST~V+UPz)M*Et@~h`2 z9P@@RG>kwvAwq>AqN1T=Vu`>b5GS6HNRnhJQl&d@p9}tWCILW7O+!b|%)-j1P?2J# zoZPC_s#C8~lXe|Cb?J51U(Wf>P2afVfx901>|M~{y#e2O>02KX2tIjXgN;FeSKb;6 z60A4qd)sZX!*Ota{2{?0pacjO1do6s90?f~TZ~9iIHEljE0LH)f;4;$X`egba$>>8-Lu)3uwL<>Gn0m)Ph87V%C(v8H8GPOj!Cm%gS1z8M0y$Ha(^0^(X!o@+_x&ePsc(W z{%8}B@NMaOG8U;pPj%FL7(VRJJdU9*DvDAdnNr4{%?tmvavmjN1v|{~5by&GnBxdb zGAhUkG_RgRPz(RQ35!ltLr`l=ND32$&)wt>$vLZJgf|s(hkpMAruu3YF=BVc991 z9d~-hL?ArMRe0wgN*cTDFK)R8-9&4yTbzdQmo)f(I}vctq@ms~V2Vr&=P&Q89uUQne$;QXboK9wh}HHmlv&mtER;Rpa=u_$5Z3QgJq#GO_gz%yL9tZr%Cm-867G-EEa5g?LO~6$tjAGLESF@3`gewek z4P=R;WJ5aJ3ev=nqF+_x_B}dWykWT^>`eDwJeh)=+1v_%$e*v3={1(bI|Z5| zGmo34Ae|xRWsr}w^BaO@k!*{&voW?X2t@kU9=3A?QMOCVHW{6zqF&Y(Q7DS@L7DLx z2g-g?7dj3DaC~Y2)p_yfII!9fGeEL7*p1?D9jUgMBmXWV&0;;eBsZSiL<2A8pj($u zspHJIHQ9J*i-BSNQTcsEN917Jm54J$q}tnZjdchT^}vgjw}^QFW6ymkI2 z!Vc;Gf%R4|Mvh~u=ifbe$TG>M4TU@rXISGRFu59|{C^qVp5}uq+P$DPxTrOnGRdh% zU>`=*Dv_YwZ=%kEXsU*pcjK4uE+ZiT^j|T}A+lOFHXgt33Kjw8qJIJWM6gOHMvYQ@NA`B+)lJUI3yD-P6GWFI;A zp9r3Nv#b^xef4u7?&UVHQkOMX?)62OBIoFBgC$g`zV}J+@S{CCfx=mz{{h1Jr;=OB zTbc?7twQ&nrpg1X76b|RP81VF>MnY&0;v_CZ-6Aq?!QsO)c~pnD-X6RlS~QKmi88Ezx|St7d)P zK_5!0axg3jpz;!Ig94fu;6hKQo(rj9=bwfoED(5@nFEph%gqFEvmNb%;lib}U69t- z(Y-au;lv`dXLV#z*S)?x;>k>(b8^MBA=Ax+$K~o(@jEK;7M*Kf{jyLQv!=Q}tPTqp z{hI@+lud`q0EZ7nEB~J~@XyXx%JI(!secD8u)DwH{vr#yAi(&B@@7o!C&EZq~8VS0BC)IDpVNj^GaS z=L>UH_I-LDb2s+p^k*)0vp+W9L>jIRM79(wOQlzdp{JHw*b_4Z^AGuX&gU+eH=6bD zw{06#<}bmbt^Om8lZ zR;Nr{YC^)bFrMngz^h*b@)F8bD$@w3x_ofO===n%MaTS41^)|u)||79xV*((1tLh< zU8yL&1=APGP-xE|q-emWJH2HKcFjE zv3w>+HYb5In4+6O+Kdaq=f*RF(`N(!ihe<&AuO9@&wj|#^aDS(riELB)E7>!>C1zI zTi;5T_-ejyqqeQYcJFKX?}O;a*sxJ6B1Iw_QfLUI0YQ4=6x&CQHJ-y*nh%CG2U_p- z4k>VHbp@Hl zxd*OWA84mOMU`!;<{Gv!V}raj$>(oCJb4^#cinRosR# z_z8@X&^Vj}7;rps>~1!8ILeXZF|bRNQS4vJ(bgWIESXSR^YYwNia55;2vX2i0=ZJW zDa5-9p((JLBkP_?dsPM$A#BLt9fZ3yeQ?_?4|Ub)1lz(Iq^xcuPRuJi4`h5`&o09_ zv*pE;c6a-dC$L>*bvV>(aUW!D0genJgVIz=fvS`V(whpw$Kk=u?i2!sf*rEN>AE$b zDf&3q{cwQ{V|5*TjnC5YT~O@7ep1Vp|KoUHo{qRpYyok5&PaQxcF-~lUWM({dRvw* zj$~T3uV7mrz;He5u`iiRgP~Zh5op<_r{tN@?9grcL=ZG0lX{|8IGwI#C7wfhE}CP#=sjNSEQ zvz~630Wvd)NZX-g z`tI#c5qrqIx9dEay1g6y9E|KRyex)p@{vU{$yV8t`TRx6V9w6BTzTao28qcWlh~vZ z7V-y9FvMkVCToH;&c)U^l6XQcQz&DSCZ&m`b`{GJ;{>sAfNLJDoomH(c5OlolJ>g< z))Pyh#nM}I3j$7fx+O$OHkkA3Hg1S{tN9Qg}Q^+f_~-u->q(n_<3sIR}^x0{bx+s z3=IPpxH%XN-Tuio6#v7OJ#D#xau3s57@=bUBRU|lbDw{Pj_upn`rua`93L&_#-J-PCP}rGuebkDGVEN(_d(& z7h#w}>xWNw=^S+DXWUpdwstd$<#!*Ct-Br&5&jgLG}r6TxLf2Pd?#MQ0oV!rID6Dp zY|s}v3WLq&s90t6$li|qIMLc?lsQ5L#^O;Ub2db)=&&$lzRs9BGm*cD1t(V|;MQ!= z$Yt44O_3Dv-QMu5vU=V&NG`N5vsbOMMd7oYgcx(g=1C&#^O;SRm)M^+5_x$P4PR6rfJ*Fq(d#{GT`&;__&${pS;PyCMZxA zIpfRr(dY5@QsCO$JV^gCA7z=x#)HNQ?3f2%yB)>&`rE-Z+zeoZJ;jQrdi|Mqi`+(x zDPNZXbWH>usX@2wMY7;8(SbG3a7@B5M%XG>$la&CAfDCzumGFt>dQ}F;211EbEtYy zVL>fdUZAaQf!2HCUo?Uy#VonHpZH@L46X^_sKLsKoLnRm5y(W?kvY1YETqY!$5?G{ z2ZkMjWrf%=>rrt#$o)QUU2~Mo6@H7umL&NYoE3c153~C}ghv*+-M4plf8Po=dkrIgK@?>-6U5I- zoM!zY(wl<}^5kKJ1tJHUv=(trwd2M=2Vt^Lq{A`Cy<6%q@>pv&X0@jT*=7)~LfFD> zpmgHU(})InkPWH&pgLNyY3Hf;5#8y$qMe@6LJg+CW4Rpw|IcY-)7#BgcJ>X-owj>^ zyZ!R6?mkVLy^6cT1=<7)W$89o%(j|A@n{;DHZyM6iiz^xr5EnVD7wNOwC)N!tF!Hv zIkziZqmZ-|8~2K=rHFlxk~18o*S6T#BMyM;h@}f=>|M~Fb8&aqq$O!JXxFvCF%O}3 z8;bt*my2tsr#l^ zW*i=w;=%iA=o*q8`3)!thT3wfxI5gSRj^2wZgZFF`b-6|iE&%p+}5IEQ(lWP+=pTA zUt}ovBPlK+!f^pf>pm3HAO#qvMyTY>U+R`5yXHR9WS2q%2G2Gt=L`GiMH0XqfFNd1>vA=>XP}>M<;cZiMjEEDr8Q!*olg3gBb}LnO&Nj z(}$Z9-=aY&pLkvgT0r`Q%7hf}g4c8E&+p1bs{Dp^$c*iC>$fXV9>ANB$kDtVsPahf z!U}(t0j*4z=uj~`ead6Jhj-PXR5YalCEdP=bLGU9g`RD4v)u5#NZFwRo{2Ua()21s^K$-Y6H?{l{pX*4%JX)N ze4e!tLwdfx|D_7lPW-k;>w1GMS!oN2`-P6&XxMiLt{k)>sVBj2mGCeEZqv`#HF5Fm z6D0qKd3iZ4g)YPPB^A}-ndpuzg7iw?2s%k!KpEAgMJkx|FOsPsFHvnasgiZ2t{FT9 zWL~jI89Voe&zud=amO#$c#J&e>;})A8 zQA6@LygV#S-z3Zi35j~Ut+t}vym_(HBgrJF362NsrMrVxvG9>si6+DD-b9v$%}tAI z2ek(m1&|~%W{V~#TEpk8EqXlCl$l*n*42`uUOCI{WhfDqQOoIoocMW#N0oov;+Yd` z+V&8;=7-2&t+=eeLSn9w{W17tlV3q+9r#p*2n)hq__^w}FsfAnZ?XuIaxKjcw{F|Q zirUZvA#3%7(VqybTw4c*iB`@2jx@G{5w>$eQU@^OK`V%c7kXCWOlRICwIxeqI9J}9 zb!b+(Q&p-I)TFr7v%3x1Z0`#?)qYc^pQJIOfG{s?AR~ifX2vOd5k+t_GM1ec500m` zW!bVyr5tZ+xpl+bqI|1SldLOsPUk5gKo_Uyij=(hkFL!W4*TXjRxt%Kt}X^FJk;J% zlK6^}Gr=TIU7Uw9dofnGU^c>@HowB5<-H_1ItawyoicX%JQ=kg{Jd9NaaDN8=}S*kaAF@IeRRr_2Np(#jZ|WcWD*`8jsDqR zBS=i`i6mj|rNO;P99l3{r5lRLUz0n2t>Xe=R!jl7RS6FZg2#}~_^Sm8d?wi+N<2^c zsjvGqaYgzG@SREBT9KAU3!5q(XhucdBox4u!jq=ZEw{pE$T=WrFwB2J*qV~@XQSr` z$j3jp=kwTKXjCXEcK_9?c*i#f522ByD{o~%QbP3iJBmJo@2cQLJUp6wMx?fL_CWkI zY;Bo@CFcmU3bz5~=R#>hC#noGB&F1`X(5e#*KnyJ zl+2{s2)L5`X&vciK&>KP8Xm65sEe;!k#QrndyKdORsmRl7pEr;ETn|ap_XEF;kj8& zQc54&Kv5{01*I#b`$_F5&VZGJOG%BLZKcLlvm7P$4c*2qzj9V#ahf7AKWrGH@X4j? z*r`by>dUCvEFk!KsMN4}c2RLgut>XEVo;~*6 zhAURa&V59jDb5cGIHAB}C;tXBXWtu^|t1pqIVR7O_jlF)B1&&KYzgf(9e;4)3Y}6hE_Ruf&*rE7O z26cRau@i*_*CtgN&}j@UI$6{cZq*)WPiM=SVKbgf8i3E!99vSz5&CxV-C&yGuBdx? zzCZV_A}Vs>*ceFzzy4>;C9_M2ByL3NkyX+Q;xIUz`*Tg)GFH@4tq&aS2i}`_DU!Uj zz?i@)5rQ~&z57hy3_1!VkFRLN9D4Rf6&=gjm&pqas9F+}$!@?9>U^yM)KM09HBZ%i z-qV|`@%pn5rG|l|Yct^R4c2FQg*lYuVQ**y zCZDfee$9k>IgoPc9ti12?zWdQ`n7f#A* zL4veUBh&X!GG`HP`l)f5?t)lU>~6A4T*JkFopmAzdCDwyTTHT++SE*8HkWIbWGk%8 zo1S(fp-Cf+(9@II<+2A;Nmpc;dg$Rv)lf}5H(;1ZUwehHg!yaa}J zmIWVL1Pbh7*%gU#xq{?$eM;iW8^!_N2}5}6Cm?zFQj4cZ&0@AKF5fw_C95)61|LJJ zz%4|rEWJhB)p+N^vM%zPv#o{p=4V-IMqHv*z_lk>RkJ$nS!|gwGt?Rp0wxW zG`%cTh4tx{%=OB&%AU@wEQu_sTA42}vQkf7O)y8;;=l<+=bm}(`pZkZ8>V!QO>fg) zUDnr9oNB+ec?xetBF?Ig+~I1CS)2^!WokJ(?4=puQ&YN)xWZMn7S@G?ni2BQa1@&n+FD>odVY4^f z8DMvJx|`6IlAzlKdP>@r_=n#hR9Jfo+)X0Aj-{Y7i+dX+X?cax;>!wVvP>_GiIK>4L?Y6wvfM<}iMUTRkZ-8T)ya-&I0g5cjMwfcgrEkJyV7`C3LJAbwk4G=CwRQGfj*8w& zjY*eZ>kuhpO+9%f@WF{q2k}VKBx=+Iqr&HT(rf!g6uUQqkxv0f^^EXj74GLb>;;N% zA(^PSMUBXQZ$GH8r)9bP_wGiS6@Vl-=d?<}jtftvDVHcE6Q=aXZt$Vh)(1XKU!T_M z^>2kJGTrTFX@iaB=|fN$6%tKux;0xJloMF=7k_4vHYi4WNfg8iC|>0rC5(*)D!_4T zrh8_WM$ROYOP>FPmFL*&m7v+BCH3%z}De5oT&%Y zvfV6RIh(cT@PDU)Wv~B;VbL>R#B%P&rl{;n&@iVs&MY!l4Ch7MK{TZl2^gn?c_65M zn8h^G`Rk)dMU1Zjx4_or*D}C3g3CO8Zg;x7>q8rxQS3I0Bo}21=_WKXnuj|_=c#t3 zxq)OKGS?Zh*a@?h5!cs+t?wnRuRW2<&c|92y4a1(Ehp`(4&B#B*;j)}V1MrmUfc)5 zn=9Dtx%4kBZl!JrPDWx1nbM(`4|PgxTCUna%|s-JxbD~~g2|QLdDi9sb=v~#_8;Yon7s!0`2~(Yr>62nqa-zKMR$Z)L1TlS1|==Rk3nVrBYPCs zH4>R00$D!d|1@R<)b=cAfgG*}JJ54?bcXQiK3BWr1g>?4!p&Km;aiw} z`L+>PybxOqmNjTVTQ98vTf8}$)uf&8oUe4m3lGuRm?ze-z3)6GxH>gKPe88*t-?LX zB<^`t_D&mi{`FBK=E2{ASEcWCVPHLJAN9(Ms2$BLXp{DL{^0vNF#0Xenq1gAV5GfA z)TKIv^rbGA$pOwoc2*6F~HcSEF7U$0lG^p=;TN?jheT;cIPO-_e;%N2@puPH5!=k+QTW4lgqID5F< z-5kzIF1QN6R!w?MUFPzwUYn-;M!-$Z)bRCjIpu2S)aH7BOi_M7ae*I-IIjp(s*4xO zVuVt)L7?MW+!{wue-9k%%?EQKvF!)CnuYgfHcQO3?J~GW-V&Q&Dh#oX!?m}E126k) z&p=Dk%S4=Ce3%Y72;F2Uj6kMFv~|pbPjbVw`OtY+K-LN`{S8!@KAdU$cCHGmk6X{$!JT_01ClMpz6 zTDtD&>iKJo+Ns-T4tY+&k>c4}VE$ao;0!;K@x~(WnP4SX;U&$_uYeVAT@*`{UUx?Nh#jBBaEnPUypB;W`Lb`Vb6ToC+cLnFAyw}N>pc>ZC!8;s zPpbcSww4K&_=R_?dQ`;j-Fu9B8l6Tr=mE*HjSAl|QnobDwxVpr{{8fNW4b2@X>5qd zuNV--T#O~O%2<=+MmE#<4c3B{T5@=S|H1&U+J0=V`#vq+F9 zd7lwGUiRlanFY(qV|*nZeSq$I>4#F_{P+|sZb5lAWIU2F`PA+Ae>VscvlE4J+DV3_ zM1!rDr%bO4F@~>kpuIgYH{d^$g;WL`?5&fLXOr*?(SAZ=^EnN;Gh zq9=ZLl|W1`g$=2g>wow*7z`9OojKdk(t4($;dEPD!bcdl*O$@{7iA>tJ31Rx~f^iTNM+3E^iLPZ`s*2!f)Fq`d(B!eIFz2F@t}B zMLw_^Y+4e{xA>FQF=4~5z@Y&jtqB&x|4VmG*XS?dzR%gqe-fzg0xkl`DQP%T}`0()fq-lM`3$m&nX7L-qLpS;Nw%Hvm7ymY$rDtjeVcWVwojth#IySD6t>x$n9E;3w z{^tlFUWl4^S}TblVFh1S;X}v7alp5Qn@5Q`5y=o!V)w+31JEzlnpgl`z$nXVx228F z+XRrdn|Z3*UJLv-fR^#2#=C2W+q=rk0e`9&YDe3C!e*7%1xZ(mU2_FR({)Mf42%M!y`N)a1W?0 zGo>d>Qsj0DM{Z6}h!?AD3;|d9M^tz#iH>Iz2g569Kpfr4B1@ECjTH8^cJ&#JB!Z?? z1ok8Bh|>eGA74Pn52Dk|-+#GKNY-+FAzB7g1ow|0#M*rY2aYp?i3kUi5Dq3l;=%pE zA$I=$%Y}l&>Av6~XSqPrp}Rpup$OQ5B48_uh;0UkDY)o_z)48tiUe>n62X3+s)tS> z-SJvqA&U7LR}%oaV72~>Vt)UxHV}x4`vB;7+`d900jwqfa`0;Xmq_$~ihVV~fRzn= zbxD>Bz&q$a2j>3;{m&iNa5^il#dZ7m-9JT zpRE_OyN>jFwDB0rCTwk33BvwiJ_0I2gzan93YVMhvFW}{j?SFd28qoC6m(G}JwUE~B5CU6rN| zf>MAkhyMfx)VB~QLnL)8VDX{JIwcPmR+rXf)OiO3Z9_T?T9U@@RJH#=lEeo!qot7! zg5p8@K0D^$mn51=B%`@8d~faQex z18wH>O9hF*iu2%nS_1Zj%<}ikq$L3Lpx8RMsj`4|YjdQ_&w5I`%XU3qgYxs{TB?_4tlEvwN;~IY z-6-MNemH-6G;j6Jn?Q5o&-NH zzm(Bg*+Bn%aTVCYKnz}|u~2c^=7dV;}W^;@SNThQj;-Lp%Qz61e`3zocg$!>J@8sV3cOQ4qc1bOqaV1 zwd_D$K3^*rHEVIQ6Qqg};>N8;9Aw~tzH=V=V+N7tX@dSSe^@)i`}GiR)VD+!F?1b5 zHWGY=F)A0)$_1ZG?vtwdT{K~t@GBIvJUEf!sda)Xw?)Wls-{NNWuT;dLte+m1p!I< zoo^ulH`l4WA1G=wN)A)x5NgR_58$xYB~RfFJuwQ)heu0$ z)!H~}0m=1FRTiU?8Ga>N1wrbos@R;8$H<%LVr) zrg|j@RrVR=Zo;awq_@zZg=i2}B}vR?1zBfHu;&vOCeBFtfoZ@D0lek|6tsh-U>GbA zPGs94e;_Z-h55BudN1cqhlFJYgcI{;;Q$gY|F}>x8xjP_cJjbf@Z&>FZ3f_(&2@Z1 z0PB>4f-DFCvH=pwb%S8Xr<)J7Pu-x@_IC3n)ZfidI8Qf!al|yB1%dmu3TvYjg76k) znpN4fwOIICXsxCVF0F`FXQF0cUw}GIafq16E&zu zC&U*gDkq%JmtKw@%@!}Vsch^N=u(}Txn1uiQlUYkF0ov3>PR)kTe>^?a`2Yqt57A(Z{sFfmY{VmRhc2LdNzan8dX;11m$-agNv@i zFrUuqvK9etSJd;A)fa|1quF^@S54)Z$;ia#1I%Z6><1&XMsDl}Hb?;!AWpn;LO=Ogg>m!jv6sm2{e0AxD9JU~ zRl3o8$$3rlN;;(~HELC>S7$9%rPHqQl2)T;Et=?L(KEQIb^Z{KFKAp4;NDlr{EKOj z5EKLr!9W5afe>tP2?{=h1Sce+2@5gdA%z@DsG)@(hT}ej8J3Seg`J2*CJIJ|b4F1F z+QHWb{&1Mq^MgbcM6QIBR3;R({l;JuZJX^*I^}``4m#wp^NC4pIN=&{0xUek7Kbmu z8-Mx+9Rtk*E*m2NPh8@$AWSu4hUsP+RO$s;gb_s?NfMHnq$DRLsYy$Eq{&F8Ssu7$ zwtE!rxNq85%FZzud<~w4RzwxQld8mas~*-?Ulj*Ss+|X+<)!6*QY)=W-dfmS;4AW< ze?z@@=xyy_8N6RPdzWF|%@L|qwae04sya!xdU!_q$ip+OzUq}y;JA-3hFp*~hFFjn z$$kVf{EcykSXfC~93Tq<$CMlZ*^QJYAeHr%E{c$1?SzuvLc>DN4fS3JS|z%agHu~j zKj8#JFT|N+(O@0iFQm9a!i##Fe%6&VeW7tMHky;Gxw)aEtr3B{##8*eDOCLX>Lc>L zCKLNi{+C1cfTzx#q-E=v5hWZnVsUF#t!K{BCis8)xC6$H_SLw`+FHeZQn8xWs#=fZ K*6{WQ00027=;~nr literal 0 HcmV?d00001 diff --git a/slides/aria-frameworks.md b/slides/aria-frameworks.md index 78797c4..0e20e8a 100644 --- a/slides/aria-frameworks.md +++ b/slides/aria-frameworks.md @@ -6,4 +6,4 @@ - Positivbeispiele: - [Reach UI](https://reach.tech) - [BootstrapVue](https://bootstrap-vue.org) - - [Angular Material](https://material.angular.io) (Spielraum nach oben) + - [Angular Material](https://material.angular.io) diff --git a/slides/aria-helpers.md b/slides/aria-helpers.md deleted file mode 100644 index dc3aee3..0000000 --- a/slides/aria-helpers.md +++ /dev/null @@ -1,8 +0,0 @@ -## Ally.js: Nützliche Accessibility-Helpers - -- “Focus trapping” ist in vielen Situation wichtig: - - [A11y Dialog](https://github.com/KittyGiraudel/a11y-dialog) (vorherige Demo) kümmert sich selber darum - - [Ally.js](https://allyjs.io/api/maintain/tab-focus.html) hilft bei Custom-Modulen -- Weitere hilfreiche Features: - - [Unterscheidung](https://allyjs.io/api/style/focus-source.html) zwischen Maus und Tastatur als “Focus source” - - [Detektierung](https://allyjs.io/api/is/visible.html), ob ein Element sichtbar ist diff --git a/slides/aria-platform-native.md b/slides/aria-platform-native.md new file mode 100644 index 0000000..7c6d655 --- /dev/null +++ b/slides/aria-platform-native.md @@ -0,0 +1,17 @@ +## Native Elemente FTW! + +Beispiele, wo **keine Library** notwendig ist: + +- Dialog/Modal: [<dialog>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/dialog) +- Accordion: [<details>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details) +- Input: [<input>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input) +- Select: [<select>](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/select) (bald [flexibel](https://developer.chrome.com/blog/rfc-customizable-select)) +- Sichtbarer Fokus: [:focus-visible](https://developer.mozilla.org/en-US/docs/Web/CSS/:focus-visible) + +_Beinahe_: + +- Carousel: [CSS Scroll Snap](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_scroll_snap) + +_Bald_: + +- Tooltip: [Popover API](https://developer.mozilla.org/en-US/docs/Web/API/Popover_API) & [CSS anchor positioning](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_anchor_positioning) diff --git a/slides/aria-platform.md b/slides/aria-platform.md new file mode 100644 index 0000000..ab5252b --- /dev/null +++ b/slides/aria-platform.md @@ -0,0 +1,4 @@ +## Learn the platform + +- Zeit, welche wir in das Lernen der Plattform investieren, ist **nachhaltig** investiert. +- Libraries und Frameworks sind kurzlebig und plattform-nativen Lösungen **immer unterlegen**. diff --git a/slides/contact.md b/slides/contact.md index f620cd9..21845ba 100644 --- a/slides/contact.md +++ b/slides/contact.md @@ -2,8 +2,7 @@ ### ![Werner](media/werner.png) Werner Hänggi -[werner.haenggi@adnovum.ch](mailto:werner.haenggi@adnovum.ch) – -[LinkedIn](https://linkedin.com/in/werner-h%C3%A4nggi-716718145/) +[werner.haenggi@adnovum.ch](mailto:werner.haenggi@adnovum.ch) ### ![Thomas](media/thomas.png) Thomas Jaggi diff --git a/slides/why-http-archive.md b/slides/why-http-archive.md index 67aa0a3..52a0642 100644 --- a/slides/why-http-archive.md +++ b/slides/why-http-archive.md @@ -1,12 +1,12 @@ ## Wie barrierefrei ist das Web? -Auszug aus [Auswertung des HTTP Archive für 2022](https://almanac.httparchive.org/en/2022/accessibility) (8.5 Mio Webseiten): +Auszug aus [Auswertung des HTTP Archive für 2024](https://almanac.httparchive.org/en/2024/accessibility) (17 Mio Webseiten): ![Almanac Logo](media/http-archive.png) -- **3/4** der Seiten haben **ungenügenden Farbkontrast**. +- **2/3** der Seiten haben **ungenügenden Farbkontrast**. - **1/4** der Seiten versucht, Zooming auf Mobile zu deaktivieren. -- **1/2** der Seiten hat **Bilder ohne Alternativtexte**. +- **1/3** der Bilder haben **keinen Alternativtext**. - **2/3** der Seiten haben **Formularfelder ohne Labels**. diff --git a/slides/why-impairments-you.md b/slides/why-impairments-you.md index 8b49c64..63dcaf3 100644 --- a/slides/why-impairments-you.md +++ b/slides/why-impairments-you.md @@ -1,3 +1,5 @@ + + ## Nicht alle Einschränkungen sind permanent -[![Grafik aus dem Microsoft Inclusive Design Toolkit, welche den Unterschied zwischen permanenten, temporären und situationsbedingten Einschränkungen aufzeigt](media/inclusive-design-toolkit.jpg)](https://inclusive.microsoft.design/) +[![Grafik aus dem Microsoft Inclusive Design Toolkit, welche den Unterschied zwischen permanenten, temporären und situationsbedingten Einschränkungen aufzeigt](media/inclusive-design-toolkit.jpg)](https://inclusive.microsoft.design/) diff --git a/src/fonts.css b/src/fonts.css index facfaea..b390851 100644 --- a/src/fonts.css +++ b/src/fonts.css @@ -27,3 +27,13 @@ unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } + +@font-face { + font-family: "Merriweather"; + font-style: italic; + font-weight: 900; + font-display: swap; + src: url(../media/fonts/u-4l0qyriQwlOrhSvowK_l5-eR7NWPf4jvzDP3WG.woff2) format("woff2"); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, + U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} diff --git a/src/index.css b/src/index.css index 4d84f1a..ff758fa 100644 --- a/src/index.css +++ b/src/index.css @@ -149,8 +149,7 @@ vertical-align: middle; } -.reveal .custom-inclusive-design-toolkit img { - display: block; - max-height: 50vh; - margin: 0 auto; +.reveal .custom-disabilities.present { + display: grid !important; + grid-template-columns: repeat(2, 1fr); }