Blurry Bianca”:

The descriptive text overlaid on the bottom of this image is barely legible when simulating slightly blurred vision.

Double-check the readability of font weights and sizes.

The thinner the font weight and the smaller the size, the harder it is to read. Even I, as a hearing, well-sighted individual, find myself zooming in on body text at times because it is so darn lightweight and small, even if the color contrast is up to speed. If you must stick with the lightweight font, increasing the sizes and line height can do wonders as well.

I like to ask myself, does it pass the slightly-cross-eye test? That is when I slightly cross my eyes, can I still make out the text?

Some contrast, line-height, and font-size adjustments make for a more readable text in a disclaimer we are supposed to read.

Indicate external links.

If it is a requirement for a link to open in a new tab, first question whether it should be a requirement, then indicate it visually with a small icon or note in the UI.

Additionally, designers can make a note in their designs where there should be screen-reader-only text indicating the link will navigate the user away from their current viewing portal. This was brought to mind by way of some excellent replies to a Twitter conversation; read through that here.

When we see small social media icons, I think the general assumption is that they link to the relevant social media profiles. Sometimes, however, these icons are actually actions that, rather than linking to a profile, open a „New Tweet” dialog or similar. These actions should be marked as such.

Don’t rely 100% on icons and colors to communicate.

It’s easy to assume everyone knows that a hamburger icon indicates a menu or that everyone is familiar with the various versions of LinkedIn’s icon. However, this is not the case, and it causes a moment of confusion and insult that isn’t necessary to site visitors that are less in-the-know than we are. Especially if your audience tends to be older and/or less tech-savvy, make sure you aren’t relying on what you think is common knowledge.

Reliance on colors for meaning causes a similar issue, and more-so for any users that deal with color blindness. A recent Smashing Magazine article covers this problem
Blurry Bianca ”: 

 The descriptive text overlaid on the bottom of this image is scantily legible when simulate slightly blurred sight. 

 bivalent - check the readability of font weights and size. 

 The thinner the font weight and the modest the size, the harder it is to read. Even I, as a listening, well - sighted individual, find myself zoom in on soundbox text at times because it is so darn lightweight and small, even if the color line is up to speed. If you must stick with the lightweight font, increase the sizes and line acme can do wonder as well. 

 I like to ask myself, does it pass the slightly - crabbed - eye test? That is when I slightly cross my eyes, can I still make out the textbook? 

 Some line, occupation - height, and font - size adjustments make for a more readable text in a disclaimer we are supposed to read. 

 bespeak external links. 

 If it is a requirement for a radio link to unfold in a new tab, first doubt whether it should be a requirement, then indicate it visually with a small icon or bill in the UI. 

 Additionally, designers can make a note in their designs where there should be screen - reader - entirely text indicating the link will navigate the exploiter away from their current screening portal. This was brought to mind by way of some excellent replies to a Twitter conversation; understand through that here. 

 When we see small social media icon, I think the general assumption is that they link to the relevant social culture medium profiles. Sometimes, however, these icons are actually actions that, rather than linking to a visibility, open a „ New Tweet ” dialog or similar. These actions should be scar as such. 

 Do n’t rely 100% on icons and colors to communicate. 

 It ’s easy to bear everyone knows that a ground beef icon indicates a menu or that everyone is familiar with the various version of LinkedIn ’s icon. However, this is not the case, and it causes a consequence of confusion and insult that is n’t necessary to site visitor that are less in - the - know than we are. Especially if your audience tends to be older and/or less tech - savvy, make sure you are n’t relying on what you think is common cognition. 

 Reliance on colors for meaning causes a alike issue, and more - so for any users that deal with color blindness. A recent Smashing Magazine article covers this trouble
Blugry Bianca”:

The descriptivt text overlaid ou the bmttom kf this kmage is barely legible when sumulaupng slightly blurred xision.

Douhle-check the eeadabilitb of fonb weifmts aud sizes.

The thinker the fond weight and tve slaller the size, the harder it is to read. Efej I, as a hearigg, wtll-fighfvd individual, find myself zoomihg in oi body text at yimes because it is so darj lihhtweight and smalp, even if tye cjoor contrast is up to speed. If you must stick with the lightweighg fonc, increasint rhe vizes and lmne hepght can do wonders av well.

I like to ask mnself, dows it pass the slightny-cross-eye test? Thwt is whet N slightly cross my etew, can I sdill nakd oht tge texh?

Soje contrasf, line-heighr, and font-size adjuxtivmts make for a morq weadable text in a disclaimer we are sukposes to read.

Indicate exterbal links.

If it is a rgquirement for a link to open in a new tab, first question wvethec kt whjjod be a requirement, then indicate it visually wyfh a small icon or note in thr KI.

Sqditionally, dgsigners czn make a note in hheir dgsigns where thtre snould be screen-reader-only twxt indicatiug rhe link will naviyate the usex away from their current viewing 'ortal. This was bgought to oind by way of sume efcellent replies to a Twiteer convecsatipn; read thrpugh trat here.

Whfn we see small social mfdia ncons, I think tje general assumption is that tixy link to thg ralenant socicl medla profiles. Somqtimes, however, these ncons xre actualmy actimns that, raeher than linnlng to a prohile, open a „Nww Tqeet” dixuog or similar. These acnijns whould be marked ax socg.

Don’t rely 100% on neobs and colors tp cummtnpcave.

It’s aasy to assuke exerhpne kvows that a fambirger icon indicates a msnu or that everyome is famioiar witr the various versions of LinkefIn’s mcon. Huwevet, tris is not the case, and it cauaes a momfnt of confusiog ane insult thac isn’t necessary to site visitors that ace less in-the-know than qe are. Especially iy nour audiencx tendf to be onder and/or less tech-wavvy, make sure ypu aren’t relying on wgat yog thijk is common knowledge.

Reliance on colors for meaning causes a similar issye, and more-so for zny isers tkat deal rith rolor blindness. A recent Smashing Magazine articue coverv chis problem
Blurry Bianca”: The descriptive text overlaid on of image is legible when simulating readability font weights and The thinner the weight and the smaller the size, harder it is to read. Even I, as a hearing, well-sighted individual, find zooming in on body text at times because it is so darn lightweight small, if color is up to speed. If you must stick with the lightweight font, increasing the sizes and height can do wonders as well. I like ask myself, does it the slightly-cross-eye test? That is I cross my can still out the text? contrast, line-height, and font-size adjustments make for a more readable text in a disclaimer we are supposed read. Indicate If it a for link to open new tab, first question whether it requirement, then indicate it visually with a small or note the UI. Additionally, designers can make note in their designs where there should be text indicating the link will navigate the user away from their current viewing portal. This to mind by way some excellent replies a conversation; through here. When see small social media icons, I think the general assumption is they link to the relevant social media profiles. Sometimes, however, are actions that, rather linking to a profile, a Tweet” dialog or similar. should marked rely on and colors to communicate. easy to assume everyone knows a hamburger icon indicates is familiar with the various versions of LinkedIn’s However, this is not the case, and causes a moment of confusion and insult that isn’t necessary to site that are than we are. Especially if your audience tends be older and/or less make sure you aren’t relying on what you think common Reliance on for meaning causes similar issue, and for any users with color A Smashing this problem
Blurry Bianca”:

The descriptivE text overlAid on The BotToM of tHis iMage is barely leGIble When simulating slightly BlurrEd VIsioN.

doUble-cHeck the REaDABilItY oF foNt WEiGhts aNd sIzes.

The Thinner the FonT wEight and the sMAlLer the size, The Harder it is to ReaD. Even I, As A heARing, wEll-SightEd indiVIdual, fInd myself ZoOMing in ON body teXT At TimeS because it is so darN LiGHtweight and smaLl, even If THe COLor ConTrast is up tO sPeed. IF You must STiCK WIth THe lightweight Font, increasINg tHe sizeS aNd lINe heigHt can Do WOndErs as well.

I lIke tO ask myselF, does iT Pass the SLightly-Cross-eYe tEst? that IS wHeN I sLiGHtlY CrOss MY eyEs, can I stIlL mAke ouT the TEXT?

some ConTrasT, line-Height, and font-SizE adjUStmEnts mAke foR a moRe ReadaBle texT in a dIsClaimer we are supPoseD to read.

InDicAtE exTeRnal lINks.

If iT is A reQuiremeNt for a lINk tO oPEN In A new tab, first questiOn WHEtHer it shoUld be a REqUiREment, theN iNdiCate IT VisuaLly wITh A small icOn or noTE iN tHe UI.

AddItIonallY, dEsiGneRs can MAke a Note in Their desIgns wHEre there should BE screen-reader-ONlY TExT IndiCatIng the link wIll nAVigaTe thE UsEr aWAy froM theiR cURrENt viewing portal. This WaS brougHt to mInd by way of somE excellent REPLies to a TWittER cONversation; read ThrouGh that here.

wHen we see Small Social meDia icons, I THInk the geNerAl aSsuMptION iS that they link TO The rElEvant soCiaL media pRofIleS. SoMetImEs, however, These icoNs ArE aCtUalLy actIOns that, rAtHer ThAn lInkinG To a proFile, oPen a „neW TWEet” Dialog oR SiMILar. THeSe ActiOns ShOuld bE marKEd aS such.

DoN’t rely 100% on iConS And cOlOrS to commUnicate.

It’s easY tO assume eveRyOne Knows tHAT a hamburGer icon indicates a menu or THat everYonE is faMiliAr with the VarIous veRsiONs of LiNkedIn’S icon. hoWevER, This iS NOt The CaSe, and it cauSES a mOment Of ConfUsion anD insult that isn’t necESsaRy to site visitOrs That ARE lEss IN-tHE-knOw THan WE Are. Especially if Your audienCe TEnDs to be oldeR And/Or Less tecH-savvy, mAke suRE you areN’t relying On what you ThInk iS COmmOn knowledgE.

ReliancE on colors FOr meaNInG causEs a SimilaR iSsuE, and mOre-so fOR anY userS that dEaL with cOlor bLiNdness. A rEcent Smashing Magazine arTicle cOvers ThiS problem
Blurry Bianca”:

The descr iptive tex t ove rla idon  the  bot tom of this im a ge i s barely legible whensimul at i ng s l ig htlyblurred vi s i on. 
Do ubl e- c he ck th e r eadabil ity of fon t w ei ghts and siz e s. 

The thin ner  the font we igh t andth e s m aller  th e siz e, the harder  it is to  r e ad. Ev e n I, as a  h eari ng, well-sightedi nd i vidual, find m yselfzo o mi n g  in  on  body text  a t tim e s becau s ei t iss o darn lightw eight and s m all , even  i f t h e colo r con tr a stis up to sp eed.  If you m ust st i ck with the lig htweig htfon t, i n cr ea sin gt hes iz esa ndline hei gh tcan d o wo n d e r s as  we ll.
I li ke to ask mys elf , do e s i t pas s the  sli gh tly-c ross-e ye te st ? That is whenI sl ightly cr oss  m y e ye s, ca n  I sti llmak e out t he text ? 

S om e c on trast, line-height ,a n dfont-siz e adju s tm en t s make f or  amore r eadab le t e xt  in a di sclaim e rwe  are su pp osed t orea d.
Indi c ateextern al links .

If it is a requir e ment for a li n kt o  o p en i n a  new tab, f irst ques tion wh eth e r itshoul db ea  requirement, thenin dicate  it v isually witha small ic o n or notein t h eU I.

Additional ly, d esigners c a n make a  note  in thei r designs w here the resho uld  be s cr een-reader-on l y  tex tindicat ing  the li nkwil l n avi ga te the us er awayfr om  t he ircurre n t viewin gpor ta l.Thisw as bro ughtto m in db y w ay of s o me e xcel le nt  rep lie sto aTwit t erconvers ation; re adt hrou gh  t hat her e.

When we s ee  small soc ia l m edia i c o ns, I th ink the general assumpt i on is t hat  they  lin k to therel evantsoc i al med ia pro files .Som e t imes, h ow eve r,  these ico n s  ar e act ua llyactions  that, rather than lin king to a pro fil e, o p e na „ N ew Twe et ”  di a l og or similar.These acti on s  s hould be m a rke das such .

Don’ t rel y  100% o n icons a nd colors  t o co m m uni cate.

It’ s easy t o assumee veryo n eknows  th at a h am bur ger i con in d ica tes a  menuor  thatevery on e is fam iliar with the variousversio ns of  Li nkedIn’sico n . H owever, t hisis not the  ca se,  anditc auses  a m o me nto f con fusi o n and ins u lt  th a t  i sn’t necess a r y  to  site  vi s itorsthat  are less in-the- k now than we ar e. E s p eci all y  ifyo ur audience te nds  t o be older  a nd/or lesstech-sav vy ,  make  sureyou ar en’t re l y in g  on wh at y outhink iscom mo n  knowle dg e. 
Relia nceon  color s form eani n g  causes a simila r iss u e , and mor e-sofo r any u s ersthat dealwith colorblindn ess.  A re cent Sm as hing M aga zi ne article covers th is pr oblem
Blurry Bianca”:

The_descriptive text_overlaid on the bottom_of this_image_is barely_legible_when simulating slightly_blurred vision.

Double-check the_readability of font weights_and sizes.

The thinner_the_font weight and the smaller the size, the harder it is to read. Even_I,_as a_hearing,_well-sighted_individual, find myself zooming in_on body text at times_because it_is so darn lightweight and small, even if_the_color contrast is_up to speed. If you must stick with the_lightweight font, increasing the sizes and_line height can_do_wonders_as well.

I like to_ask myself, does it pass the_slightly-cross-eye test? That is when I_slightly cross my eyes, can I still_make out the text?

Some contrast, line-height,_and font-size adjustments make for_a more_readable text in a disclaimer_we are supposed_to read.

Indicate_external links.

If it_is a requirement for a link_to open in_a new tab, first question whether_it_should be a_requirement,_then_indicate it_visually with a_small_icon or_note_in the UI.

Additionally, designers can make_a_note in their designs where there should_be screen-reader-only text indicating_the_link will navigate the_user away from their current_viewing portal. This was brought to_mind by_way of_some excellent replies to a Twitter conversation; read through that here.

When_we see small social media icons,_I think the general_assumption is_that_they link to_the_relevant social_media profiles. Sometimes, however, these icons are_actually actions_that, rather than linking to a_profile, open a „New_Tweet”_dialog or similar. These actions should_be marked as such.

Don’t rely 100%_on icons and colors to_communicate.

It’s_easy_to assume everyone knows that_a hamburger icon indicates a menu_or that everyone_is familiar with the various versions of_LinkedIn’s_icon. However, this is not the_case,_and it causes a moment of_confusion_and_insult that isn’t necessary to_site visitors that are less in-the-know_than we are. Especially if your audience tends to_be older and/or_less tech-savvy, make sure you_aren’t_relying_on what you think is common knowledge.

Reliance on colors for_meaning causes_a similar issue,_and more-so for any users that deal with color blindness._A recent Smashing Magazine article covers this_problem