Merge branch 'improve-accessibility' into dev

ckanext/odsh/public/odsh.css

@@ -1061,7 +1061,7 @@ input#field-username {
 .slug-preview .btn.btn-mini,
 .btn.btn-primary{
     background-image: none;
-    background-color: #0089ca;
+    background-color: #003064;
     border: none;
     border-radius: 0;
     font-size:18px;
@@ -1833,7 +1833,7 @@ body {
 .pagination ul > .disabled > a,
 .pagination ul > .disabled > a:hover,
 .pagination ul > .disabled > a:focus {
-  color: #999999;
+  color: black;
   background-color: transparent;
   cursor: default;
 }

ckanext/odsh/templates/package/read.html

@@ -14,12 +14,19 @@
 {% set dataset = h.dataset_display_name(pkg) %}
 {% if pkg.organization %}
 {% set organization = h.get_translated(pkg.organization, 'title') or pkg.organization.name %}
-<li>{% link_for organization|truncate(30), controller='organization', action='read', id=pkg.organization.name %}</li>
+<li>
+    <a href={% url_for controller='organization', action='read', id=pkg.organization.name %} title={{ organization }}>
+        {{ organization|truncate(30) }}
+    </a>
+</li>
 {% else %}
 <li>{% link_for _('Documents'), controller='package', action='search' %}</li>
 {% endif %}
-<li {{ self.breadcrumb_content_selected() }}>{% link_for dataset|truncate(30), controller='package', action='read',
-  id=pkg.name %}</li>
+<li>
+    <a href={% url_for controller='package', action='read', id=pkg.name %} title={{ dataset }}>
+        {{ dataset|truncate(30) }}
+    </a>
+</li>
 {% else %}
 <li>{% link_for _('Documents'), controller='package', action='search' %}</li>
 <li class="active"><a href="">{{ _('Create Dataset') }}</a></li>

ckanext/odsh/templates/snippets/package_item.html

@@ -32,16 +32,16 @@ Example:
 {% set thumbnail = package.get('thumbnail') %}
 
 {% block package_item %}
-<div class="odsh-dataset-item">
+<li class="odsh-dataset-item">
     <div class="preview-image-container">
             {% if thumbnail %}
             <a href={{  h.url_for(controller='package', action='read', id=package.name) }}>
-                <img src= "/{{ thumbnail }}" alt= "Vorschau" />
+                <img src= "/{{ thumbnail }}" alt="Vorschau" aria-hidden="true" />
             </a>
 
             {% else %}
             <a href={{  h.url_for(controller='package', action='read', id=package.name) }}>
-                <img src="/base/images/platzhalter.svg" alt= "keine Vorschau verfügbar" />
+                <img src="/base/images/platzhalter.svg" alt="keine Vorschau verfügbar" aria-hidden="true" />
             </a>
             {% endif%}
     </div>
@@ -124,5 +124,5 @@ Example:
         {% endblock notes %}
     </div>
     {% endblock content %}
-</div>
+</li>
 {% endblock package_item %}

ckanext/odsh/templates/snippets/package_list.html

@@ -16,12 +16,12 @@ Example:
 #}
 {% block package_list %}
   {% if packages %}
-    <div class="{{ list_class or 'dataset-list unstyled' }}">
+    <ul class="{{ list_class or 'dataset-list unstyled' }}">
     	{% block package_list_inner %}
 	      {% for package in packages %}
 	        {% snippet 'snippets/package_item.html', package=package, item_class=item_class, hide_resources=hide_resources, banner=banner, truncate=truncate, truncate_title=truncate_title %}
 	      {% endfor %}
 	    {% endblock %}
-    </div>
+    </ul>
   {% endif %}
 {% endblock %}