Improve accessibility of the home page (#6626)

* Add alt text to images

* Add title attribute to social links
This commit is contained in:
rmacklin 2018-10-09 02:45:22 -07:00 committed by Paulus Schoutsen
parent c4b511bd3e
commit 0b19d8ebd5
3 changed files with 20 additions and 20 deletions

View File

@ -1,13 +1,13 @@
<div class="copyright grid">
<div class='company grid__item one-third lap-one-half palm-one-whole'>
<div class="title">
<img width="40" src="/demo/favicon-192x192.png"> Home Assistant
<img width="40" src="/demo/favicon-192x192.png" alt="Home Assistant"> Home Assistant
</div>
<div class="icons">
<a rel="me" href='https://twitter.com/home_assistant'><i class="icon-twitter"></i></a>
<a rel="me" href='https://facebook.com/homeassistantio'><i class="icon-facebook"></i></a>
<a rel="me" href='https://plus.google.com/110560654828510104551'><i class="icon-google-plus"></i></a>
<a rel="me" href='https://github.com/home-assistant/home-assistant'><i class="icon-github"></i></a>
<a rel="me" href='https://twitter.com/home_assistant' title="Twitter"><i class="icon-twitter"></i></a>
<a rel="me" href='https://facebook.com/homeassistantio' title="Facebook"><i class="icon-facebook"></i></a>
<a rel="me" href='https://plus.google.com/110560654828510104551' title="Google Plus"><i class="icon-google-plus"></i></a>
<a rel="me" href='https://github.com/home-assistant/home-assistant' title="GitHub"><i class="icon-github"></i></a>
</div>
</div>

View File

@ -3,46 +3,46 @@
<p>Home Assistant will track the state of all the devices in your home, so you don't have to.</p>
<div class='supported-brands clearfix'>
<a href='/components/climate.nest/'>
<img src='/images/supported_brands/nest.png' />
<img src='/images/supported_brands/nest.png' alt="Nest" />
</a>
<a href='/components/ifttt/'>
<img src='/images/supported_brands/ifttt.png' />
<img src='/images/supported_brands/ifttt.png' alt="IFTTT" />
</a>
<a href='/components/light.hue/'>
<img src='/images/supported_brands/philips_hue.png' />
<img src='/images/supported_brands/philips_hue.png' alt="Philips Hue" />
</a>
<a href='/components/media_player.cast/'>
<img src='/images/supported_brands/google_cast.png' />
<img src='/images/supported_brands/google_cast.png' alt="Google Cast" />
</a>
<a href='/components/mqtt/'>
<img src='/images/supported_brands/mqtt.png' />
<img src='/images/supported_brands/mqtt.png' alt="MQTT" />
</a>
<a href='/components/switch.wemo/'>
<img src='/images/supported_brands/belkin_wemo.png' />
<img src='/images/supported_brands/belkin_wemo.png' alt="Belkin WeMo" />
</a>
<a href='/components/notify.pushbullet/'>
<img src='/images/supported_brands/pushbullet.png' />
<img src='/images/supported_brands/pushbullet.png' alt="Pushbullet" />
</a>
<a href='/components/media_player.kodi/'>
<img src='/images/supported_brands/kodi.png' />
<img src='/images/supported_brands/kodi.png' alt="Kodi" />
</a>
<a href='/components/media_player.plex/'>
<img src='/images/supported_brands/plex.png' />
<img src='/images/supported_brands/plex.png' alt="Plex" />
</a>
<a href='/components/tradfri/'>
<img src='/images/supported_brands/ikea.svg' width='165' />
<img src='/images/supported_brands/ikea.svg' width='165' alt="IKEA" />
</a>
<a href='/components/vera/'>
<img src='/images/supported_brands/vera.png' />
<img src='/images/supported_brands/vera.png' alt="Vera" />
</a>
<a href='/components/device_tracker.luci/'>
<img src='/images/supported_brands/openwrt.png' />
<img src='/images/supported_brands/openwrt.png' alt="OpenWRT" />
</a>
<a href='/components/arduino/'>
<img src='/images/supported_brands/arduino.png' />
<img src='/images/supported_brands/arduino.png' alt="Arduino" />
</a>
<!-- <a href='/components/wink/'>
<img src='/images/supported_brands/wink.png' />
<img src='/images/supported_brands/wink.png' alt="Wink" />
</a> -->
</div>

View File

@ -1,6 +1,6 @@
<div class="grid__item three-tenths lap-two-sixths palm-one-whole ha-title">
<a href="{{ root_url }}/" class="site-title">
<img width='40' src='{{ root_url }}/demo/favicon-192x192.png'>
<img width='40' src='{{ root_url }}/demo/favicon-192x192.png' alt="Home Assistant">
<span>{{ site.title }}</span>
</a>
</div>