Skip to content

Commit

Permalink
Accessibility fix: Add descriptive text for "read more" links and vid…
Browse files Browse the repository at this point in the history 
…eo link
  • Loading branch information
@JohnAlbin
JohnAlbin committed Oct 4, 2015
1 parent 67057f4 commit 2bf8e77
Show file tree
Hide file tree
Showing 2 changed files with 33 additions and 38 deletions.
67 changes: 33 additions & 34 deletions home.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1226,14 +1226,13 @@ <h2 id="nav-main" class="visually-hidden">Main Navigation</h2>
<div
class="brick _alpha _height_auto _width_x2 _nudge_left _nudge_top _trim_right _trim_transparent _right ">
<h2 class="visually-hidden">Schedule of Events</h2>
<a
href="careers/graduate-recruitment/graduate-fairs-autumn-2015"
target="_self">
<div class="h2">Graduate Fairs Autumn 2015. Sopra
<div class="h2">Graduate Fairs Autumn 2015. Sopra
Steria is at a number of events
across the UK. Come and talk to
us.</div>
<span class="btn">
<a
href="careers/graduate-recruitment/graduate-fairs-autumn-2015"
target="_self"><span class="btn">
See the schedule of events
</span></a>
</div>
Expand All @@ -1254,15 +1253,15 @@ <h2 class="visually-hidden">News</h2>
id="placeholder_3_widget_0_TDB1E3AD1016_Col00"
class="sf_colsIn sf_3cols_1in_33">
<div class="line-swap">
<a
id="ctl00_placeholder_3_widget_0_ctl20_ctl00_ctl00_dynamicContentListView_ctrl0_DetailsViewHyperLink"
class="contentLink"
href="newsroom/news-single/sopra-steria-first-with-powerplus-to-support-renewable-energy-production"><h3>Sopra Steria, first with
<h3>Sopra Steria, first with
PowerPlus™ to support renewable
energy production</h3>
<em class="line-swap__top">23 September 2015</em>
<span
class="btn">Read more</span></a>
<a
id="ctl00_placeholder_3_widget_0_ctl20_ctl00_ctl00_dynamicContentListView_ctrl0_DetailsViewHyperLink"
class="contentLink"
href="newsroom/news-single/sopra-steria-first-with-powerplus-to-support-renewable-energy-production"><span
class="btn">Read more<span class="visually-hidden"> about PowerPlus</span></span></a>
<input
id="ctl00_placeholder_3_widget_0_ctl20_ctl00_ctl00_dynamicContentListView_ClientState"
name="ctl00_placeholder_3_widget_0_ctl20_ctl00_ctl00_dynamicContentListView_ClientState"
Expand All @@ -1277,14 +1276,15 @@ <h2 class="visually-hidden">News</h2>
<div
id="placeholder_3_widget_0_TDB1E3AD1016_Col01"
class="sf_colsIn sf_3cols_2in_34 line-swap">
<a
id="ctl00_placeholder_3_widget_0_TDB1E3AD1059_eventsFrontendList_ctl00_ctl00_eventsList_ctrl0_DetailsViewHyperLink"
href="newsroom/event/2015/10/01/default-calendar/sopra-steria-supports-digital-leaders-scotland">

<h3>Sopra Steria supports Digital
Leaders Scotland</h3>
<em class="line-swap__top">01
October 2015</em><span
class="btn">Read more</span></a>
October 2015</em>
<a
id="ctl00_placeholder_3_widget_0_TDB1E3AD1059_eventsFrontendList_ctl00_ctl00_eventsList_ctrl0_DetailsViewHyperLink"
href="newsroom/event/2015/10/01/default-calendar/sopra-steria-supports-digital-leaders-scotland"><span
class="btn">Read more<span class="visually-hidden"> about Digital Leaders Scotland</span></span></a>
<input
id="ctl00_placeholder_3_widget_0_TDB1E3AD1059_eventsFrontendList_ctl00_ctl00_eventsList_ClientState"
name="ctl00_placeholder_3_widget_0_TDB1E3AD1059_eventsFrontendList_ctl00_ctl00_eventsList_ClientState"
Expand Down Expand Up @@ -1376,7 +1376,7 @@ <h2 class="twitter-meta"><span class="visually-hidden">Recent Twitter mentions</
and advice through to managed
services<br/> <a
href="markets/retail/the-retail-alliance"
class="btn">Find out more</a>
class="btn">Find out more<span class="visually-hidden"> about the Retail Alliance</span></a>
</p>
</div>
<div class="sfContentBlock">
Expand All @@ -1399,15 +1399,15 @@ <h2 class="twitter-meta"><span class="visually-hidden">Recent Twitter mentions</
alt="A European leader in digital transformation. Top 5 in Europe. €3.4 Billion revenue."/>
</div>
</div>
<a
href="https://www.youtube.com/watch?v=ek-QHMf0DIs"
class="fancybox-media youtube_link">

<h2 class="h4">
Discover Sopra Steria: Leader
in digital transformation
</h2>
<span
class="play"><span>Play</span></span>
<a
href="https://www.youtube.com/watch?v=ek-QHMf0DIs"
class="fancybox-media youtube_link"><span
class="play"><span class="visually-hidden">Play "Discover Sopra Steria" video</span></span>
</a>
</div>
<input
Expand Down Expand Up @@ -1456,15 +1456,15 @@ <h2 class="h4">
id="placeholder_3_widget_0_TDB1E3AD1036_imagesFrontendThumbnailsListSimple">
<div
class="brick _alpha _height_auto _width_x2 _nudge_right _nudge_bottom _trim_left _trim_transparent _right ">
<a
href="markets/energy-utilities"
target="_self">
<h2>Energy and utilities: we're

<h2>Energy and utilities: we're
transforming challenges into new
opportunities and competitive
advantage</h2>
<span class="btn">
Read more
<a
href="markets/energy-utilities"
target="_self"><span class="btn">
Read more<span class="visually-hidden"> about energy and utilities</span>
</span></a>
</div>
<input
Expand Down Expand Up @@ -1492,7 +1492,7 @@ <h2>Energy and utilities: we're
challenges</p>
<p><a
href="newsroom/success-stories"
class="btn">Read more <span class="visually-hidden">success stories</span></a></p>
class="btn">Read more<span class="visually-hidden"> success stories</span></a></p>
</div>
</div>
</div>
Expand Down Expand Up @@ -1643,13 +1643,12 @@ <h2 class="visually-hidden">About Us</h2>
id="placeholder_3_widget_0_TDB1E3AD1039_imagesFrontendThumbnailsListSimple">
<div
class="brick _alpha _height_auto _width_x2 _nudge_left _nudge_top _trim_right _trim_transparent _right ">
<a href="http://blog.soprasteria.co.uk"
target="_blank">
<h2>Don’t miss what our business and
technical experts have to say</h2>
<span class="btn">
Join the conversation on our blog
</span></a>
<a href="http://blog.soprasteria.co.uk"
target="_blank"><span class="btn">
Join the conversation on our blog
</span></a>
</div>
<input
id="ctl00_placeholder_3_widget_0_TDB1E3AD1039_imagesFrontendThumbnailsListSimple_ctl00_ctl00_ItemsList_ClientState"
Expand Down
4 changes: 0 additions & 4 deletions public/css/base.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1952,10 +1952,6 @@ button.btn:hover span,
text-decoration: none;
}

.play span {
display: none;
}

.btns {
font-size: 17px;
font-size: 1.0625rem;
Expand Down

0 comments on commit 2bf8e77

Please sign in to comment.