jeanadev

Links and Resources About Accessibility on the Web

Web Content Accessbility Guidelines

• https://www.w3.org/TR/WCAG21/

Test Tools

• https://www.web.dev
• https://wave.webaim.org/
• https://www.deque.com/axe/browser-extensions/

jeanadev

<div class="node-type-video">
<div class="has-two-sidebars">
  <div class="l-content"><h4>one content type</h4>
</div>
  <div class="l-region--sidebar-first">sidebar first</div>
  <div class="l-region--sidebar-second">sidebar second</div>
</div>
</div>
<br /><br />

jeanadev

// ----
// Sass (v3.4.7)
// Compass (v1.0.1)
// ----

$sibone-color: #8cc63f;
$stabilit-color: #00477F;

.block-link-list--education-center.sibone .info {
       border: 1px solid darken($sibone-color, 5%) !important;

jeanadev

<div class="vh-structure-fields-topics">
<h2>Topics</h2>

  <dl>
    <dt>Title</dt>
    <dd>Teaser</dd>
  </dl>

</div>

jeanadev

<div id="wrapper">
  <div id="main">Main <span class="layout-breaker">Breaker</span></div>
  <div id="left">Left <span class="layout-breaker">Breaker</span></div>
  <div id="right">Right <span class="layout-breaker">Breaker</span></div>
</div>

jeanadev

<main class="container">
  <div class="header">This is my Header</div>
  <div class="content">This is my content</div>
  <div class="first-sidebar">First Sidebar</div>
  <div class="second-sidebar">Second Sidebar</div>
  <div class="footer">This is my Footer</div>
</main>

jeanadev

// ----
// Sass (v3.4.5)
// Compass (v1.0.1)
// Breakpoint (v2.5.0)
// Susy (v2.1.3)
// ----

@import "compass";
@import "breakpoint";
@import "susyone";

jeanadev

<link rel="stylesheet" href="/sites/all/libraries/jquery.simplyscroll/jquery.simplyscroll.css" media="all" type="text/css">

<script type="text/javascript">
(function($) {
  $(function() { //on DOM ready 
    		$("#scroller").simplyScroll();
	});
 })(jQuery);
</script>
<ul id="scroller">

jeanadev

<?php	

function stock_ticker($symbols=array(0=>'AAPL',1=>'GOOG',2=>'MSFT',3=>'FB',4=>'^GSPC',5=>'^IXIC',6=>'GE',7=>'TM',8=>'YHOO',9=>'PG',10=>'FITB',11=>'PNC',13=>'AMZN'),$stock_color='000000',$price_color='0000bb',$up_color='008000',$down_color='ff0000')
{
	sort($symbols);
	
	$return = '<div>';
	
	foreach ($symbols as $symbol) {
		$data = file_get_contents("http://finance.yahoo.com/d/quotes.csv?s=$symbol&f=sl1d1t1c1ohgvp2n");

jeanadev

<?php

if(strstr($_SERVER['REQUEST_URI'], "signage")) {
  drupal_static_reset('drupal_add_css');
  drupal_add_css(path_to_theme() . '/css/signage.css', array('group' => CSS_THEME, 'every_page' => true, 'weight' => 9999));
}

// Thank you http://leepowers.net/drupal-css-load-order

?>