--- loncom/homework/rankresponse.pm	2018/06/08 11:57:01	1.72.2.1
+++ loncom/homework/rankresponse.pm	2025/01/25 23:24:23	1.75
@@ -1,7 +1,7 @@
 # The LearningOnline Network with CAPA
 # rank style response
 #
-# $Id: rankresponse.pm,v 1.72.2.1 2018/06/08 11:57:01 raeburn Exp $
+# $Id: rankresponse.pm,v 1.75 2025/01/25 23:24:23 raeburn Exp $
 # Copyright Michigan State University Board of Trustees
 #
 # This file is part of the LearningOnline Network with CAPA (LON-CAPA).
@@ -362,7 +362,7 @@ sub displayfoils {
 	    my $text=$Apache::response::foilgroup{$name.'.text'};
 	    my $value=shift(@correctorder);
 	    if ($target eq 'web') {
-		$result.='<br /><b>'.$value.':</b> '.$text;
+		$result.='<div class="LC_rankfoil"><b>'.$value.':</b> '.$text.'</div>';
 	    } else {
 		$result.=' \strut\\\\\strut '.$value.':'.$text;
 	    }
@@ -408,6 +408,7 @@ sub displayfoils {
         }
         foreach my $name (@whichfoils) {
 	    my $lastopt=$lastresponse{$name};
+            my $text=$Apache::response::foilgroup{$name.'.text'};
 	    my $optionlist='';
 	    if ($target ne 'tex') {
                 $optionlist = "<option value=\"\"></option>\n";
@@ -433,26 +434,28 @@ sub displayfoils {
 		} 
 	    }
 	    if ($target ne 'tex' && $Apache::lonhomework::type ne 'exam') {
+                my $labeltext = &mt('Choose ranking for:').' '.$text;
 		$optionlist='<select onchange="javascript:setSubmittedPart(\''.
 		  $part.'\');" name="HWVAL_'.
-		    $Apache::inputtags::response[-1].':'.$temp.'">'.
+		    $Apache::inputtags::response[-1].':'.$temp.'" aria-label="'.$labeltext.'">'.
 		        $optionlist."</select>\n";
 	    } elsif ($env{'form.pdfFormFields'} eq 'yes') {
                 #do nothing
             } else {
 		$optionlist=' '.$temp.' '.$optionlist.' ';
 	    }
-	    my $text=$Apache::response::foilgroup{$name.'.text'};
 	    if ($target ne 'tex') {
+                $result .= '<div class="LC_rankfoil">';
 		if ($Apache::lonhomework::type ne 'exam') {
-		    $result.='<br />'.$optionlist.$text."\n";
+		    $result.=$optionlist.$text."\n";
 		} else {
-		    $result.='<br />'.$text."\n";
+		    $result.=$text."\n";
 		}
 		if ($Apache::lonhomework::type eq 'exam') {
 		    my @values=(1..scalar(@whichopt));
 		    $result.=&Apache::optionresponse::webbubbles(\@values,\@whichopt,$temp,$lastopt);
 		}
+                $result .= '</div>';
 	    } else {
 		if ($Apache::lonhomework::type eq 'exam') {
                     my $itemlabel;