X-Git-Url: https://git.mxchange.org/?a=blobdiff_plain;f=view%2Ftheme%2Ffrio%2Ftemplates%2Ffilebrowser.tpl;h=d452810c88a1d4453557f42372902e496fa2f585;hb=f95f6eced920a04e1dfa5bd0624279048104d6e5;hp=cb05348951d4d89abf9f26a8861805d06d49a64a;hpb=9acfbae6eaa0f45fe9d596f935d7350b2efbb79f;p=friendica.git

diff --git a/view/theme/frio/templates/filebrowser.tpl b/view/theme/frio/templates/filebrowser.tpl
index cb05348951..d452810c88 100644
--- a/view/theme/frio/templates/filebrowser.tpl
+++ b/view/theme/frio/templates/filebrowser.tpl
@@ -4,7 +4,7 @@
 <style>
 	#buglink_wrapper{display:none;} /* hide buglink. only in this page */
 </style>
-{{*<script type="text/javascript" src="{{$baseurl}}/js/ajaxupload.js" ></script>*}}
+{{*<script type="text/javascript" src="{{$baseurl}}/view/js/ajaxupload.js" ></script>*}}
 {{*<script type="text/javascript" src="view/theme/frio/js/filebrowser.js"></script>*}}
 
 <div class="fbrowser {{$type}}">
@@ -13,27 +13,37 @@
 		<input id="fb-type" type="hidden" name="type" value="{{$type}}" />
 
 		<div class="error hidden">
-			<span></span> <a href="#" class='close'>X</a>
+			<span></span> <button type="button" class="btn btn-link close" aria-label="Close">X</a>
 		</div>
 
-		<ol class="path breadcrumb">
-			{{foreach $path as $p}}<li><a href="#" data-folder="{{$p.0}}">{{$p.1}}</a></li>{{/foreach}}
-			<div class="fbswitcher btn-group btn-group-xs pull-right">
-				<button type="button" class="btn btn-default" data-mode="image"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
-				<button type="button" class="btn btn-default" data-mode="file"><i class="fa fa-file-o" aria-hidden="true"></i></button>
+		{{* The breadcrumb navigation *}}
+		<ol class="path breadcrumb" aria-label="Breadcrumb" role="navigation">
+			{{foreach $path as $p}}<li role="presentation"><a href="#" data-folder="{{$p.0}}">{{$p.1}}</a></li>{{/foreach}}
+
+			{{* Switch between image and file mode *}}
+			<div class="fbswitcher btn-group btn-group-xs pull-right" aria-label="Switch between image and file mode">
+				<button type="button" class="btn btn-default" data-mode="image" aria-label="Image Mode"><i class="fa fa-picture-o" aria-hidden="true"></i></button>
+				<button type="button" class="btn btn-default" data-mode="file" aria-label="File Mode"><i class="fa fa-file-o" aria-hidden="true"></i></button>
 			</div>
 		</ol>
 
 		<div class="media">
+
+			{{* List of photo albums *}}
 			{{if $folders }}
-			<div class="folders media-left">
-				<ul>
-					{{foreach $folders as $f}}<li><a href="#" data-folder="{{$f.0}}">{{$f.1}}</a></li>{{/foreach}}
+			<div class="folders media-left" role="navigation" aria-label="Album Navigation">
+				<ul role="menu">
+					{{foreach $folders as $f}}
+					<li role="presentation">
+						<a href="#" data-folder="{{$f.0}}" role="menuitem">{{$f.1}}</a>
+					</li>
+					{{/foreach}}
 				</ul>
 			</div>
 			{{/if}}
 
-			<div class="list {{$type}} media-body">
+			{{* The main content (images or files) *}}
+			<div class="list {{$type}} media-body" role="main" aria-label="Browser Content">
 				<div class="fbrowser-content-container">
 					{{foreach $files as $f}}
 					<div class="photo-album-image-wrapper">
@@ -48,10 +58,12 @@
 		</div>
 
 		<div class="upload">
-			<button id="upload-{{$type}}"><img id="profile-rotator" src="images/rotator.gif" alt="{{$wait}}" title="{{$wait|escape:'html'}}" style="display: none;" /> {{"Upload"|t}}</button>
+			<button id="upload-{{$type}}">{{$upload}}</button>
 		</div>
 	</div>
-	<div class="profile-rotator-wrapper" style="display: none;">
+
+	{{* This part contains the conent loader icon which is visible when new conent is loaded *}}
+	<div class="profile-rotator-wrapper" aria-hidden="true" style="display: none;">
 		<i class="fa fa-circle-o-notch fa-spin" aria-hidden="true"></i>
 	</div>
 </div>