adjustadnalign-centeralign-justifyalign-leftalign-rightambulanceanchorandroidangellistangle-double-downangle-double-leftangle-double-rightangle-double-upangle-downangle-leftangle-rightangle-upapplearchivearea-chartarrow-circle-downarrow-circle-leftarrow-circle-o-downarrow-circle-o-leftarrow-circle-o-rightarrow-circle-o-uparrow-circle-rightarrow-circle-uparrow-downarrow-leftarrow-rightarrow-uparrows-altarrows-harrows-varrowsasteriskatbackwardbanbar-chartbarcodebarsbeerbehance-squarebehancebell-obell-slash-obell-slashbellbicyclebinocularsbirthday-cakebitbucket-squarebitbucketboldboltbombbookbookmark-obookmarkbriefcasebtcbugbuilding-obuildingbullhornbullseyebuscalculatorcalendar-ocalendarcamera-retrocameracarcaret-downcaret-leftcaret-rightcaret-square-o-downcaret-square-o-leftcaret-square-o-rightcaret-square-o-upcaret-upcc-amexcc-discovercc-mastercardcc-paypalcc-stripecc-visacccertificatechain-brokencheck-circle-ocheck-circlecheck-square-ocheck-squarecheckchevron-circle-downchevron-circle-leftchevron-circle-rightchevron-circle-upchevron-downchevron-leftchevron-rightchevron-upchildcircle-o-notchcircle-ocircle-thincircleclipboardclock-ocloud-downloadcloud-uploadcloudcode-forkcodecodepencoffeecogcogscolumnscomment-ocommentcomments-ocommentscompasscompresscopyrightcredit-cardcropcrosshairscss3cubecubescutlerydatabasedeliciousdesktopdeviantartdiggdot-circle-odownloaddribbbledropboxdrupalejectellipsis-hellipsis-vempireenvelope-oenvelope-squareenvelopeerasereurexchangeexclamation-circleexclamation-triangleexclamationexpandexternal-link-squareexternal-linkeye-slasheyeeyedropperfacebook-squarefacebookfast-backwardfast-forwardfaxfemalefighter-jetfile-archive-ofile-audio-ofile-code-ofile-excel-ofile-image-ofile-ofile-pdf-ofile-powerpoint-ofile-text-ofile-textfile-video-ofile-word-ofilefiles-ofilmfilterfire-extinguisherfireflag-checkeredflag-oflagflaskflickrfloppy-ofolder-ofolder-open-ofolder-openfolderfontforwardfoursquarefrown-ofutbol-ogamepadgavelgbpgiftgit-squaregitgithub-altgithub-squaregithubgittipglassglobegoogle-plus-squaregoogle-plusgoogle-walletgooglegraduation-caph-squarehacker-newshand-o-downhand-o-lefthand-o-righthand-o-uphdd-oheaderheadphonesheart-ohearthistoryhomehospital-ohtml5ilsinboxindentinfo-circleinfoinrinstagramioxhostitalicjoomlajpyjsfiddlekeykeyboard-okrwlanguagelaptoplastfm-squarelastfmleaflemon-olevel-downlevel-uplife-ringlightbulb-oline-chartlinklinkedin-squarelinkedinlinuxlist-altlist-ollist-ullistlocation-arrowlocklogo-square long-arrow-downlong-arrow-leftlong-arrow-rightlong-arrow-upmagicmagnetmalemap-markermaxcdnmeanpathmedkitmeh-omicrophone-slashmicrophoneminus-circleminus-square-ominus-squareminusmobilemodx-logo-square modx moneymoon-omusicnewspaper-oopenidoutdentpagelinespaint-brushpaper-plane-opaper-planepaperclipparagraphpausepawpaypalpencil-square-opencil-squarepencilphone-squarephonepicture-opie-chartpied-piper-altpied-piperpinterest-squarepinterestplaneplay-circle-oplay-circleplayplugplus-circleplus-square-oplus-squarepluspower-offprintpuzzle-pieceqqqrcodequestion-circlequestionquote-leftquote-rightrandomrebelrecyclereddit-squareredditrefreshrenrenrepeatreply-allreplyretweetroadrocketrss-squarerssrubscissorssearch-minussearch-plussearchshare-alt-squareshare-altshare-square-oshare-squareshareshieldshopping-cartsign-insign-outsignalsitemapskypeslackslidersslidesharesmile-osort-alpha-ascsort-alpha-descsort-amount-ascsort-amount-descsort-ascsort-descsort-numeric-ascsort-numeric-descsortsoundcloudspace-shuttlespinnerspoonspotifysquare-osquarestack-exchangestack-overflowstar-half-ostar-halfstar-ostarsteam-squaresteamstep-backwardstep-forwardstethoscopestopstrikethroughstumbleupon-circlestumbleuponsubscriptsuitcasesun-osuperscripttabletablettachometertagtagstaskstaxitencent-weiboterminaltext-heighttext-widthth-largeth-listththumb-tackthumbs-downthumbs-o-downthumbs-o-upthumbs-uptickettimes-circle-otimes-circletimestinttoggle-offtoggle-ontrash-otrashtreetrellotrophytrucktryttytumblr-squaretumblrtwitchtwitter-squaretwitterumbrellaunderlineundouniversityunlock-altunlockuploadusduser-mduserusersvideo-cameravimeo-squarevinevkvolume-downvolume-offvolume-upweiboweixinwheelchairwifiwindowswordpresswrenchxing-squarexingyahooyelpyoutube-playyoutube-squareyoutube

 markup.tips

Page Description Published On
 Projects Get some coffee or tea going, it's time for a new project.
 Blog Generic posts
 humans.txt We've had some help along the way.
 Components Downloadable Components.
 Tips Various tips related to markup in one way or another.
 Tools Tools we either author or just plain like.
 Home Welcome to Markup.tips. A website about website parts.


Welcome


Task List


Tips

  • Creating an Accessible Settings Table

    In the modern age of responsive devices and layouts our typography skills can get away from us. Start your quest to claim them back with this simple use of the   entity.
  • Making your Markup Speak

    Sure screen readers will read just about anything, but in this post we cover how to control transcript users hear using the speechSynthesis API.


Tools


Typeface

Choose an alternate typeface below and we will remember your preference using localStorage.

Typeface


Font–size

Markup.tips also supports your browser's standard font size preferences.

Size


 Contrast

High contrast mode ensures all compatible components are light text on dark background.

Increase Contrast


Contact Us

I'd like to:

 Request a Tip
 Co-author a Markup.tips post
 Share something
 Other


Gratuity

Markup.tips is made freely available through contributions led by DeVries Development.

Gratiuties are greatly appreciated and help us bring more content your way.

Would you like to leave a tip?